前端表单验证:使用远程验证实现数据合法性校验
该代码块是一个远程验证的配置,用于实现前端页面的表单验证功能。其中,url指向一个返回 JSON 数据的 API 接口,用于验证输入的数据是否合法。当输入数据发生变化时,会自动向指定的 url 发送 POST 请求,传递自定义的数据,以获取验证结果。delay 参数指定了 AJAX 刷新的时间间隔,避免频繁向服务器发送请求。data 函数用于自定义提交数据,默认为当前 input 的 name 值。如果验证结果为 'true',表示输入的数据合法,反之则提示 message 中的信息。
remote: {
// 需求一个 JSON 数据 ({'valid': true or false})
url: ctx + '/user/checkOne.do', // 验证地址
message: '该用户已存在', // 提示信息
delay: 2000, // AJAX 刷新的时间是 2 秒一次,这个值过小会对服务器造成压力
type: 'POST', // 请求方式
data: function(validator) { // 自定义提交数据,默认为当前 input name 值
return {
act: 'is_registered',
email: $('input[name='email']').val()
};
}
}
原文地址: https://www.cveoy.top/t/topic/mJuz 著作权归作者所有。请勿转载和采集!