表单验证:用户名、邮箱校验规则示例
以下代码示例展示了如何使用验证器来校验用户名和邮箱字段,包含了必填、长度限制、格式校验、远程验证等多种校验规则。
fields: {
vnickName: {
message: '用户名验证失败',
validators: {
notEmpty: {
message: '用户名不能为空'
},
stringLength: {
min: 3,
max: 18,
message: '用户名长度必须在3到18位之间'
}
}
},
email: {
validators: {
notEmpty: {
message: '邮箱不能为空'
},
emailAddress: {
message: '邮箱地址格式有误'
},
//ajax后端校验
remote: { // 需求一个json数据({'valid': true or false})
url: '/vuser/checkEmail', //验证地址
message: '该用户已存在', //提示信息
delay: 2000,//ajax刷新的时间是2秒一次,这个值过小会对服务器造成压力
type: 'POST', //请求方式
data: function(validator){ //自定义提交数据,默认为当前input name值
return {
act: 'is_registered',
vemail: $("input[name='vemail']").val()
};
}
}
}
},
}
代码中 "#normalUser_add" 可能是一个表单的 ID 或者一个按钮的 ID,需要根据实际代码情况确定其具体作用。
原文地址: https://www.cveoy.top/t/topic/neP5 著作权归作者所有。请勿转载和采集!