guns JS表单校验

源码

1、先定义校验信息

 validateFields: {}

2、 添加需要校验的字段

   account: {
            validators: {
                notEmpty: {
                    message: '账户不能为空'
                }
            }
        },

3、常用校验项目
需要放在validators:{ }里面的有：

• 非空

 notEmpty: {
                    message: '账户不能为空'
                }

• 长度

  stringLength: {
                    min: 8,
                    max: 16,
                    message: '请输入8到16个字符'
                },

• 正则

regexp: {
                    regexp: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/,
                    message: '密码必须包含字母和数字 '
                }

• 一致性

identical: {
        			field: 'password',//另一个密码的name
        			message: '两次密码不一致'
        		},

  different: {  //比较
              field: 'username', //需要进行比较的input name值
              message: '密码不能与用户名相同'
            },

• ajax校验

remote : {
					url : Feng.ctxPath+'/mgr/checkEmail',
                    data: {
                    	 id: function () {
                             return $('#id').val()
                         },
                         email: function () {
                             return $('#email').val();
                         }
                    },
					message : "该邮箱已经存在！",
					type : 'post'
				}

• 日期

   date: {
                         format: 'YYYY/MM/DD',
                         message: 'The birthday is not valid'
                     }

另外的
between: 验证输入值必须在某一个范围值内，比如大于1小于10
creditCard: 身份证验证
date: 日期验证
ip: IP地址验证
numeric: 数值验证
phone: 电话号码验证
url验证

可以直接添加

emailAddress: {
                message: '请输入正确的邮件地址如：123@qq.com'
            },

4、定义校验范围

<div class="form-horizontal" id="alarmUsersForm">指定某个div里的信息是需要校验的

5、 加载校验信息

$(function() {
	 Feng.initValidator("alarmUsersForm", alarmUsersInfoDlg.validateFields);
});

6. 添加校验

/**
 * 验证数据是否为空
 */
 alarmUsersInfoDlg.validate = function () {
    //$('#alarmUsersForm').data("bootstrapValidator").resetForm();
    $('#alarmUsersForm').bootstrapValidator('validate');
    return $("#alarmUsersForm").data('bootstrapValidator').isValid();
}

   if (!alarmUsersInfoDlg.validate()) {
        return;
    }