表单验证

用法



jquery.validate官网

定制frontui皮肤的$(selector).validation(option)扩展,提供了telphone等类型的验证

示例

招商银行   |   尾号1234
  • 工商银行   |   尾号1234
陈少峰
招商银行   |   尾号1234
14,000.00 元
i
部分款项未到期
提现明细
06月18日24点前
button link
                                
 $(function(){
        /**
         * 统一显示验证错误信息
         */
        var $form = $('#form').validation({
            // 验证项
            rules: {
                name: {
                    required: true,
                    minlength: 16,
                    //ajax 验证
                    remote: {
                        url: "/api?do=validate&filed=name",
                        type: "post",
                        data: {
                            username: function() {
                                return $('#Text2').val();
                            }
                        }
                    }
                },
                password: "required",
                repassword: {
                    required: true,
                    equalTo: '#Password1'
                },
                time: {
                    required: true,
                    date: true
                },
                telphone: {
                    required: true,
                    telphone: true
                }
            },
            // 错误提示
            messages: {
                name: {
                    required: "请输入名称",
                    minlength: jQuery.validator.format("名称长度不能少于{0}个字"),
                    remote: '用户名已存在'
                },
                password: {
                    required: "请输入"
                },
                repassword: {
                    required: "请输入确认密码",
                    equalTo: "两次密码不一致"
                },
                time: {
                    required: "请输入时间",
                    date: "时间格式有误"
                },
                telphone: {
                    required: "请输入手机号码",
                    telphone: "手机号码格式有误"
                }
            },
            // 提交
            submitHandler: function(form) {
                // 直接提交
                // form.submit();
            }
        });
    })
                           
                            

配置

详细的配置,请参考 http://jqueryvalidation.org/validate

属性 默认值 描述
rules null 文本域的验证规则,require:true为必填
messages null 文本域验证规则对应的错误提示
submitHandler function 决定直接提交或是异步提交数据
onsubmit true 设置是否禁止默认提交