关于使用jQuery validation plug-in 1.3方法
2010-12-21 16:11
375 查看
有时侯.net的验证控件会生成一大堆代码对样式有很大的影响,所以jq有自己的验证插件哦!
今天病好的差不多了写了一下简单的验证方法,在jQuery validation plug-in 1.3插件库文件里面里面有写代码很有用比如
required: "不能为空!",
remote: "Please fix this field.",
email: "格式错误.",
url: "格式错误.",
date: "格式错误.",
dateISO: "Please enter a valid date (ISO).",
dateDE: "Bitte geben Sie ein gültiges Datum ein.",
number: "请填写数字.",
numberDE: "Bitte geben Sie eine Nummer ein.",
digits: "Please enter only digits",
creditcard: "Please enter a valid credit card.",
equalTo: "请输入相同的值.",
accept: jQuery.format("只接收下列格式:{0}."),
maxlength: jQuery.format("最多输入 {0} 个字符."),
maxLength: jQuery.format("最多输入 {0} 个字符."),
minlength: jQuery.format("最少输入 {0} 个字符."),
minLength: jQuery.format("最少输入 {0} 个字符."),
rangelength: jQuery.format("长度在 {0} - {1} 个字符之间."),
rangeLength: jQuery.format("长度在 {0} - {1} 个字符之间."),
rangeValue: jQuery.format("输入值在 {0} - {1} 之间."),
range: jQuery.format("输入值在 {0} - {1} 之间."),
maxValue: jQuery.format("最大值为 {0}."),
max: jQuery.format("最大值为 {0}."),
minValue: jQuery.format("最小值为 {0}."),
min: jQuery.format("最小值为 {0}.")
以上都是验证库文件的代码就不多说了有兴趣的可以自己去看看,下面我们来说下怎么来调用
<script type="text/javascript">
$(document).ready(function () {
//jq高级验证
jQuery.validator.addMethod("Test", function (value) {
if (value == 1)
return false;
else
return true;
}, "有错误发生");
//简单验证
$("form").validate({
rules: {
txtTitle: {
required: true,
rangelength: [2, 10]
},
ddlMode: {
Test: true
}
},
//下面可以重写显示错误的信息为了在不同的页面显示不同的错误信息
messages: {
txtTitle: {
required:"系统名称不能为空",
rangelength:jQuery.format("系统名称的长度不在{0}-{1}范围内")
}
}
});
});
今天病好的差不多了写了一下简单的验证方法,在jQuery validation plug-in 1.3插件库文件里面里面有写代码很有用比如
required: "不能为空!",
remote: "Please fix this field.",
email: "格式错误.",
url: "格式错误.",
date: "格式错误.",
dateISO: "Please enter a valid date (ISO).",
dateDE: "Bitte geben Sie ein gültiges Datum ein.",
number: "请填写数字.",
numberDE: "Bitte geben Sie eine Nummer ein.",
digits: "Please enter only digits",
creditcard: "Please enter a valid credit card.",
equalTo: "请输入相同的值.",
accept: jQuery.format("只接收下列格式:{0}."),
maxlength: jQuery.format("最多输入 {0} 个字符."),
maxLength: jQuery.format("最多输入 {0} 个字符."),
minlength: jQuery.format("最少输入 {0} 个字符."),
minLength: jQuery.format("最少输入 {0} 个字符."),
rangelength: jQuery.format("长度在 {0} - {1} 个字符之间."),
rangeLength: jQuery.format("长度在 {0} - {1} 个字符之间."),
rangeValue: jQuery.format("输入值在 {0} - {1} 之间."),
range: jQuery.format("输入值在 {0} - {1} 之间."),
maxValue: jQuery.format("最大值为 {0}."),
max: jQuery.format("最大值为 {0}."),
minValue: jQuery.format("最小值为 {0}."),
min: jQuery.format("最小值为 {0}.")
以上都是验证库文件的代码就不多说了有兴趣的可以自己去看看,下面我们来说下怎么来调用
<script type="text/javascript">
$(document).ready(function () {
//jq高级验证
jQuery.validator.addMethod("Test", function (value) {
if (value == 1)
return false;
else
return true;
}, "有错误发生");
//简单验证
$("form").validate({
rules: {
txtTitle: {
required: true,
rangelength: [2, 10]
},
ddlMode: {
Test: true
}
},
//下面可以重写显示错误的信息为了在不同的页面显示不同的错误信息
messages: {
txtTitle: {
required:"系统名称不能为空",
rangelength:jQuery.format("系统名称的长度不在{0}-{1}范围内")
}
}
});
});
相关文章推荐
- jquery.validationEngine Ajax验证的使用方法
- 关于jquery中的data()方法使用实例之多个radio点击与取消
- 关于使用jquery.form.js上传文件同时提交表单的方法
- 关于新版jquery用on()方法代替live方法的正确使用方式
- 关于jquery插件placeholder 1.3在chrome和safari下点击后不消失的解决方法
- 关于jquery使用live()方法的问题Uncaught TypeError: $(...).live is not a function
- jQuery-Validation-Engine使用方法详解
- 关于本地存储构成数组以及jquery的inArray方法的使用
- Validation-jQuery表单验证插件使用方法
- 关于jQuery版本的兼容性--使用jquery插件报错:$.browser is undefined的解决方法
- 关于JQuery 中表单提交中使用post方法,return false 不起作用解决办法
- [前端]使用JQuery UI Layout Plug-in布局 - wolfy
- Validation-jQuery表单验证插件使用方法
- 关于Jquery中的$.each获取各种返回类型数据的使用方法
- 关于Jquery中的$.each获取各种返回类型数据的使用方法
- 关于jQuery中的trigger和triggerHandler方法的使用
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- DNN中使用jQuery Validation时常见问题及解决方法(jQuery Validation with DNN Tips)
- 关于jquery plug-in
- 解决关于jquery中$.get()方法总是报“HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy”错的方法