Heim > Web-Frontend > js-Tutorial > 基于jquery实现的服务器验证控件的启用和禁用代码_jquery

基于jquery实现的服务器验证控件的启用和禁用代码_jquery

WBOY
Freigeben: 2016-05-16 18:28:33
Original
1097 Leute haben es durchsucht

应用背景

1.用户需要填写表单时。
2.页面采用服务器验证控件。
3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。

基于jquery实现的服务器验证控件的启用和禁用代码_jquery

点击“增加服务内容”,显示新增表单项,如下图。

基于jquery实现的服务器验证控件的启用和禁用代码_jquery

点击“取消增加”,隐藏新增表单项。

问题:用户点击下一步时,不对Display=none的新增区域表单进行验证,需要在用户点击“取消增加时”,禁用服务器验证控件。反之,启用服务器验证控件。

解决方法

还是使用JQuery来搞定吧,主要是太好用了。

1.输出要禁用的验证控件。

复制代码 代码如下:
var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID');


2.默认禁用验证。

复制代码 代码如下:
for(var i = 0; i

3.点击“增加服务内容”时启用验证。

复制代码 代码如下:
for(var i = 0; i

4.已经搞定了。

总结

其实最核心的是ValidatorEnable()这个函数。有时候看例子可能并不能真正理解,只有真正动手做才能有更深刻的印象。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage