jquery-validate校验

校验js

     $(‘#frm‘).validate({
                focusInvalid: false,
                onfocusout: function (element) {
                    var obj = $(element), type = element.type;
                    if (type === ‘text‘ || type === ‘textarea‘) {
                        obj.val($.trim(obj.val())).valid();
                    } else {
                        obj.valid();
                    }
                },
                rules: {
                    Password: {
                        required: true
                    },
                    newPassword: {
                        required: true,
                        same: true
                    },
                    PasswordConfirm: {
                        required: true,
                        equalTo: ‘#newPassword‘
                    }
                },
                messages: {
                    Password: {
                        required: ‘请填写旧密码‘
                    },
                    newPassword: {
                        required: ‘请填写新密码‘,
                        same: ‘旧密码不能同新密码相同‘
                    },
                    PasswordConfirm: {
                        required: ‘请填写确认密码‘,
                        equalTo: ‘两次密码要相同‘
                    }
                },
                submitHandler: function (form) {
                    var data = $(form).formSerialize();
                    delete data[‘PasswordConfirm‘];
                    data[‘Password‘] = md5(data[‘Password‘]);
                    data[‘Token‘] = common.getParameter(‘token‘);
                }
            });

自定义校验属性 用法相同

 jQuery.validator.addMethod("same", function (value, element) {
            return this.optional(element) || same(value);
        }, "新密码不能与老密码重复");

        function same(pwd) {
            var oldPwd = $("#password").val();
            if (oldPwd == pwd)
                return false;
            else
                return true;
        }  
时间: 2024-10-20 22:10:32

jquery-validate校验的相关文章

jquery validate 校验 文件上传类型

由于项目开发使用到jquery validate 在校验 上传文件的时候 发现 自带的校验功能丰富,且好用.但是有些MIME由于不经常使用不太方便查看所以在此做个记录 <body> <form class="cmxform" id="fileForm" method="post" action=""> <fieldset> <legend>选择指定类型的文件?</legen

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次).我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化的场景:后来我找到了jquery.val

2015/10/19总结:ajax传参、jquery.validate自定义日期校验

以下内容仅来自于日常实践零碎回顾.总结,不保证正确性,欢迎路过的大神指点指点! 1.这几天一直在写jsp前端页面,了解到前端与后端数据交互数据有两种.一种是form 的submit方式提交,这种方法可以在表单里通过声明属性:method = 'post'声明表单提交的方式(要与后台的controller的RequestMethod属性对应),  action = ‘ url’声明表单提交后跳转的页面(好像采用这种方式一般都要跳转页面).另一种方式就是通过ajax提交,ajax提交和响应的数据方式

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

jquery.validate动态更改校验规则

有时候表单中有多个字段是相互关联的,以下遇到的就是证件类型和证件号码的关联,在下拉框中选择不同的证件类型,证件号码的值的格式都是不同的,这就需要动态的改变校验规则. 点击(此处)折叠或打开 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <m

jQuery.validate 的form校验

jQuery验证框架 : 基本html代码: 1 <script src="js/jquery-1.9.1.js"></script> 2 <script src="js/jquery.validate.min.js"></script> 3 <script> 4 $(function () { 5 $('#myForm').validate({ 6 7 rules: { 8 // 用户名 9 userna

jQuery Validate 自定义校验及ajax校验

http://www.w3cschool.cc/jquery/jquery-plugin-validate.html这里文档比较全面! 实践: 复杂的一些校验,如正则校验,可以通过jQuery.validate.addMethod()http://jqueryvalidation.org/jQuery.validator.addMethod 来实现,添加完后,就可以通过jQuery.validate()在rules中添加校验规则 jQuery.validator.addMethod("numOr

jquery.validate使用攻略(表单校验)

目录 jquery.validate使用攻略1 第一章 jquery.validate使用攻略1 第二章 jQuery.validate.js API7 Custom selectors7 Utilities8 Validator8 List of built-in Validation methods9 validate ()的可选项11 debug:进行调试模式11 第三章 自定义jquery-validate的验证行为23 第四章 自定义错误消息的显示方式25 第五章 一些常用的验证脚本2

Jquery Validate 默认校验规则及常用的自定义验证规则

Jquery Validate 相关参数及常用的自定义验证规则 一.官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二.默认校验规则 (1).required:true 必输字段 (2).remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3).email:true 必须输入正确格式的电子邮件 (4).url:true 必须输入正确格式

jQuery表单校验jquery.validate.js的使用

一:首先在页面引入 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> 二:纯HTML代码 <html xmlns="http://www.w3.org/1999/xhtm