easyui输入框的自定义规则验证

1.包含数字，字母，特殊符号，长度为八位的密码。

^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e])[0-9a-zA-Z\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e]{8,}$

 

前面是预验证，后面是特殊符号对应的十六进制码。[^0-9A-Za-z](特殊符号)

2.easyui验证使用 validType属性

password.passwordbox({
    validateOnCreate: false, //true为组件创建时进行验证。
    validateOnBlur: true, //true为组件失去焦点时验证。
    required: true, //设置为验证框必填项
    validType: 'password', //设置验证类型为密码(包含字母数字和符号，长度至少八位)
    prompt: '用户密码',
    width: 300,
    height: 40,
    iconCls: 'icon-lock-w',
    iconAlign: 'left',
    iconWidth: 40,
    showEye: false
});

 

本身已经有的验证方法email等

自定义添加验证方法：采用全加载的方式直接在

$(function（）{
$.extend($.fn.validatebox.defaults.rules, {
    password: {
        validator: function (value, param) {
            return /^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e])[0-9a-zA-Z\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e]{8,}$/.test(value);
        },
        message: '请输入包含数字、字母和特殊符号，长度至少八位的密码'
    }
});
});

 

 

如果采用easyloader加载方式，请直接写在using当中

 

using('passwordbox', function () {
    password.passwordbox({
        validateOnCreate: false, //true为组件创建时进行验证。
        validateOnBlur: true, //true为组件失去焦点时验证。
        required: true, //设置为验证框必填项
        validType: 'password', //设置验证类型为密码(包含字母数字和符号，长度至少八位)
        prompt: '用户密码',
        width: 300,
        height: 40,
        iconCls: 'icon-lock-w',
        iconAlign: 'left',
        iconWidth: 40,
        showEye: false
    });
    //自定义验证规则
    // extend the 'password' rule
    $.extend($.fn.validatebox.defaults.rules, {
        password: {
            validator: function (value, param) {
                return /^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e])[0-9a-zA-Z\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e]{8,}$/.test(value);
            },
            message: '请输入包含数字、字母和特殊符号，长度至少八位的密码'
        }
    });
});

 

3.表单的提交方式：

3.1使用Ajax方式

3.2使用.form()【注意在表单上注明提交方式post】