• 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);
  • 相关阅读:
    react native android 应用状态(前端或后台)的判断
    react native native module
    Nodejs项目重复文件扫描
    clipboard.js文本复制到剪贴板的现代方法
    微信小程序如何跳转到另一个小程序
    百度小程序button去掉默认边框
    下拉框select中option居中样式
    css中如何实现左边的高度随着右边改变而改变
    js判断是否手机自动跳转移动端
    webpack安装整理
  • 原文地址:https://www.cnblogs.com/aeolian/p/9214532.html
Copyright © 2020-2023  润新知