基于jquery实现的服务器验证控件的启用和禁用代码
2018-10-12 14:01
323 查看
应用背景
1.用户需要填写表单时。
2.页面采用服务器验证控件。
3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。
点击“增加服务内容”,显示新增表单项,如下图。
点击“取消增加”,隐藏新增表单项。
问题:用户点击下一步时,不对Display=none的新增区域表单进行验证,需要在用户点击“取消增加时”,禁用服务器验证控件。反之,启用服务器验证控件。
解决方法
还是使用JQuery来搞定吧,主要是太好用了。
1.输出要禁用的验证控件。
var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID');
2.默认禁用验证。
for(var i = 0; i < ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), false);}
3.点击“增加服务内容”时启用验证。
for(var i = 0; i < ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), true);}
4.已经搞定了。
总结
其实最核心的是ValidatorEnable()这个函数。有时候看例子可能并不能真正理解,只有真正动手做才能有更深刻的印象。
您可能感兴趣的文章:
- jQuery Validate 验证,校验规则写在控件中的具体实例
- ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
- ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
- 使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
- 教你用AngularJS框架一行JS代码实现控件验证效果
- js控制.net验证控件是否可用。
- 验证控件与Button的OnClientClick事件详细解析
- fileupload控件 文件类型客户端验证实现代码
- asp.net MaxLengthValidator 最大长度验证控件代码
- jQuery密码强度验证控件使用详解
相关文章推荐
- 基于jquery实现的服务器验证控件的启用和禁用代码
- 基于jQuery实现的Ajax 验证用户名唯一性实例代码
- 基于jquery的禁用右键、文本选择功能、复制按键的实现代码
- 基于jQuery的树控件实现代码(asp.net+json)
- 基于jquery的禁用右键、文本选择功能、复制按键的实现代码
- jquery CheckBox、RadioButton、DropDownList的取值赋值实现代码/服务器控件 gridview 循环
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 基于jquery的让页面控件不可用的实现代码
- 基于Jquery的动态添加控件并取值的实现代码
- 基于Jquery的动态添加控件并取值的实现代码
- 基于Jquery的标签智能验证实现代码
- 基于Jquery的标签智能验证实现代码
- 基于jquery实现的上传图片及图片大小验证、图片预览效果代码
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 基于jquery的让页面控件不可用的实现代码
- ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现
- 基于jquery实现的上传图片及图片大小验证、图片预览效果代码
- fileupload控件 文件类型客户端验证实现代码
- asp.net 简单实现禁用或启用页面中的某一类型的控件