以下代码示例展示了如何使用验证器来校验用户名和邮箱字段,包含了必填、长度限制、格式校验、远程验证等多种校验规则。

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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录