淘先锋技术网

首页 1 2 3 4 5 6 7

JQuery Nez 是一个基于JQuery实现的轻量级可配置可自定义表单验证插件,能够方便快捷地为表单提供自定义验证功能,有效避免客户端和服务端的验证不一致。同时,JQuery Nez还支持自动提交表单和表单重置等功能。

// 下面是 JQuery Nez 的使用代码示例
$(function(){
// 获取表单对象
var form = $('#form');
// 配置验证规则
form.nez({
fields: {
username: {
// 自定义验证函数
valid: function(value){
return value === 'admin';
},
message: '用户名必须为admin'
},
password: {
required: true,
message: '密码不能为空'
},
age: {
number: true,
min: 18,
max: 60,
message: '年龄只能在18-60之间'
},
email: {
email: true,
message: '请输入正确的邮箱格式'
}
}
});
// 自动提交表单
form.nezSubmit(function(data){
// 表单提交成功后的回调函数
});
// 重置表单
$('#resetBtn').on('click', function(){
form.nezReset();
});
});

从代码中可以看出,JQuery Nez 的使用非常简单,只需要少量代码就可以为表单添加强大的验证功能,而且还能自定义错误提示信息和验证规则。此外,JQuery Nez 还提供了自动提交表单和表单重置功能,既方便又实用。