zoukankan      html  css  js  c++  java
  • jquery.validate的 使用

     需要引入jar包

    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate/additional-methods.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate/localization/messages_zh.js"></script>
    <form id="savePassWord"  method="post">

    校验的方法为:

    function checkInputPass(){
           $("#savePassWord").validate({ //验证的按钮触发
               rules: {
                   "oldpassword": { //name
                       required: true,
                       minlength: 3
                   },
                   "password": {
                       required: true,
                       minlength: 3
                   },
                   "surepassword": {
                       required: true,
                        equalTo: "#passwordId"  //id
                   }
               },
               messages: {
                   "oldpassword": {
                       required: '原密码不能为空!',
                      minlength: $.validator.format('原密码不能小于{0}!')
                   },
                   "password": {
                       required: '新密码不能为空!',
                      minlength: $.validator.format('新密码不能小于{0}!')
                   },
                   "surepassword": {
                       required: '确认新密码不能为空!',
                        equalTo: '请输入与上面相同的密码!'
                   }
               },
               // 错误的位置设置
               errorPlacement: function(error, element)
               { 
                   error.appendTo($(element).parent().find("span"));
               },
               // 提交拦截处理,specifying a submitHandler prevents the default submit, good for the demo
               submitHandler: function(form)
               {
               
               }
           });
    }
  • 相关阅读:
    CCF 认证
    ZOJ Light Bulb
    codeforce 605BE. Freelancer's Dreams
    HDU2546——背包DP——饭卡
    转载DD大神背包九讲
    背包九讲
    zstu4186——线段树——表白计划(未完成)
    zstu4189——后缀表达式——逻辑运算
    蛇形矩阵
    zs深入浅出学算法022——DFS———汉诺塔问题II
  • 原文地址:https://www.cnblogs.com/ld-swust/p/5201323.html
Copyright © 2011-2022 走看看