asp.net MVC&JQuery 应用(表单验证)
2009-08-18 14:34
826 查看
在这个例子中调用到了Jquery Validation 插件,让数据验证更方便快捷,有两种显示方式。
将提示信息显示在每项的后面
$("#test-form").validate({ submitHandler: function() { alert("提交成功!") } });
将提示信息显示在顶部信息框内
$("#test-form").validate({
errorLabelContainer: "#ErrMessageBox",
wrapper: "li",
submitHandler: function() { alert("提交成功!") } //验证通后调用方法
});
使用自定验证方法
// 中文字两个字节
jQuery.validator.addMethod("rangelength", function(value, element, param) {
var length = value.length;
for (var i = 0; i < value.length; i++) {
if (value.charCodeAt(i) > 127) {
length++;
}
}
return this.optional(element) || (length >= param[0] && length <= param[1]);
}, "输入的值在3-15个字节之间。");
自定验证方法的调用
$("#password").rules("add", {
required: true,
rangelength: [6, 50],//调用上面定义的方法
messages: {
required: "密码不能空。",
rangelength: "密码必须为6-50位字符之间。"
}
});
相关文章推荐
- 【转】asp.net MVC&JQuery 应用(表单验证)
- asp.net MVC&JQuery 应用(表单验证)
- sp.net MVC&JQuery 应用(表单验证)
- asp.net MVC&JQuery 应用 收藏
- ASP.NET MVC Jquery Validate 表单验证的多种方式
- [转]ASP.NET MVC Jquery Validate 表单验证的多种方式介绍
- asp.net MVC&JQuery 应用(树型菜单 )
- ASP.NET MVC Jquery Validate 表单验证的多种方式介绍
- ASP.NET MVC Preview 5 演示Demo #7 实现JQuery表单数据验证及JQuery操作Html元素
- asp.net MVC&JQuery 应用(树型表格 )
- asp.net MVC&JQuery 应用(树型表格 )
- "开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo"项目分析
- JQuery Form Ajax提交Asp.Net表单时的验证视图状态 MAC 失败
- asp.net mvc中很酷的jquery验证插件
- 支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍
- ASP.NET MVC结合jQuery插件进行数据验证
- ASP.NET MVC的客户端验证:jQuery的验证
- ASP.NET MVC基于标注特性的Model验证:将ValidationAttribute应用到参数上
- ASP.NET MVC的客户端验证:jQuery的验证
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据