zoukankan      html  css  js  c++  java
  • jquery.validate验证表单

    添加引用

    <script src="/${appName}/commons/js/validate/jquery.validate.min.js"></script>
        /*验证表单*/
        function vform(dom,func){
            $("#"+dom).validate({
                    rules : {
                        cateCode : {
                            required : true,
                            maxlength: 50
                        },
                        money:{
                            required : true,
                            maxlength: 50,
                            number:true
                        },
                        remark:{
                            required : true,
                        },
                        time:{
                            required : true,
                            date:true
                        }
                    },
                    messages : {
                        cateCode : {
                            required : "请选择类别",
                            maxlength: "参数名过长"
                        },
                        money:{
                            required: "请输入金额",
                            maxlength: "参数名过长",
                            number:"请输入数字"
                        },
                        remark:{
                            required: "请输入备注信息",
                        },
                        time:{
                            required: "请选择日期",
                            date:"日期格式错误"
                        }
                    },
                    submitHandler : function() {
                        func();
                    }
            });
        }
          
          /**------验证成功后,添加操作------*/
          function addBook(){
              var cateCode = cate_code_add;
              var money = $("#money_add").val();
            var remark = $("#remark_add").val();
              var time = $("#time_add").val();
              if(isNull(cateCode)){
                swal({
                    title: "提示",
                    text: "请选择类型",
                    type: "warning"
                },function(){
                    $("#cateCode_add").focus();
                });
                return;
            }
            $.ajax({
                url:'/${appName}/manager/bookController/addBook',
                type:'post',
                async:'true',
                cache:false,
                data:{cateCode:cateCode,money:money,remark:remark,time:time},
                dataType:'json',
                success: function(data){
                          console.info();
                          if(data){
                              swal({
                                  title: "系统提示",
                                  text: "添加成功",
                                  type: "success"
                              },function(){
                                  $("#cateCode_add").val('');
                                  $("#money_add").val('');
                                  $("#remark_add").val('');
                                  $("#addwin").modal('hide');
                              });
                          }else{
                              swal({
                                      title: "系统提示",
                                     text: "添加失败",
                                     type: "warning"
                                 },function(){
                                      $("#addwin").modal('hide');
                                 });
                          }
                },
                error: function (aa, ee, rr) {
                          swal({
                                 title: "系统提示",
                                 text: "请求服务器失败,清稍候再试",
                                 type: "warning"
                                 },function(){
                                     $("#addwin").modal('hide');
                                 });
                }
            });
          }
    
              //添加验证,在$(function(){});中执行
              vform('addform',addBook);
  • 相关阅读:
    Element+Vue.js 选择器常用属性
    常用xml头文件
    【链接】调查显示:超20%美国大学生曾花学生贷款投
    Quartz遇到的问题
    List去重
    SpringDataJPA
    IDEA:Error during artifact deployment. See server log for details.详解
    Quartz定时任务
    多线程条件通行工具——CountDownLatch
    多线程同步工具——Lock
  • 原文地址:https://www.cnblogs.com/aeolian/p/9214532.html
Copyright © 2011-2022 走看看