zoukankan      html  css  js  c++  java
  • validate表单验证两种方法

    方法一:

      ①:定义验证方法:

      1 function check(){
      2             return $("#form-member-add").validate({
      3                 rules:{
      4                        wbzcws:{
      5                            required:true,
      6                        },
      7                         sjkfcws:{
      8                            required:true,
      9                        },
     10                         zzzyyss:{
     11                            required:true,
     12                        },
     13                         zzzchss:{
     14                            required:true,
     15                        },
     16                         zyhzsjzyzcs:{
     17                            required:true,
     18                        },
     19                         cqzyhzs:{
     20                            required:true,
     21                        },
     22                         xryhzzs:{
     23                            required:true,
     24                        },
     25                         ssksyss:{
     26                            required:true,
     27                        },
     28                         lcmzyss:{
     29                            required:true,
     30                        },
     31                         lcmzhss:{
     32                            required:true,
     33                        },
     34                         mzyszrs:{
     35                            required:true,
     36                        },
     37                         zyysrs:{
     38                            required:true,
     39                        },
     40                         zzysrs:{
     41                            required:true,
     42                        },
     43                         fzrysrs:{
     44                            required:true,
     45                        },
     46                         zrysrs:{
     47                            required:true,
     48                        },
     49                         bkyxxlrs:{
     50                            required:true,
     51                        },
     52                        bkxlrs:{
     53                            required:true,
     54                        },
     55                         ssxlrs:{
     56                            required:true,
     57                        },
     58                         bsxlrs:{
     59                            required:true,
     60                        },
     61                         kfssjsl:{
     62                            required:true,
     63                        },
     64                         sfymzmz:{
     65                            required:true,
     66                        },
     67                         mzmzsl:{
     68                            required:true,
     69                        }
     70                    },
     71                    messages:{    
     72                        wbzcws:{
     73                            required:"不可为空!",
     74                        },
     75                         sjkfcws:{
     76                            required:"不可为空!",
     77                        },
     78                         zzzyyss:{
     79                            required:"不可为空!",
     80                        },
     81                         zzzchss:{
     82                            required:"不可为空!",
     83                        },
     84                         zyhzsjzyzcs:{
     85                            required:"不可为空!",
     86                        },
     87                         cqzyhzs:{
     88                            required:"不可为空!",
     89                        },
     90                         xryhzzs:{
     91                            required:"不可为空!",
     92                        },
     93                         ssksyss:{
     94                            required:"不可为空!",
     95                        },
     96                         lcmzyss:{
     97                            required:"不可为空!",
     98                        },
     99                         lcmzhss:{
    100                            required:"不可为空!",
    101                        },
    102                         mzyszrs:{
    103                            required:"不可为空!",
    104                        },
    105                         zyysrs:{
    106                            required:"不可为空!",
    107                        },
    108                         zzysrs:{
    109                            required:"不可为空!",
    110                        },
    111                         fzrysrs:{
    112                            required:"不可为空!",
    113                        },
    114                         zrysrs:{
    115                            required:"不可为空!",
    116                        },
    117                         bkyxxlrs:{
    118                            required:"不可为空!",
    119                        },
    120                        bkxlrs:{
    121                            required:"不可为空!",
    122                        },
    123                         ssxlrs:{
    124                            required:"不可为空!",
    125                        },
    126                         bsxlrs:{
    127                            required:"不可为空!",
    128                        },
    129                         kfssjsl:{
    130                            required:"不可为空!",
    131                        },
    132                         sfymzmz:{
    133                            required:"不可为空!",
    134                        },
    135                         mzmzsl:{
    136                            required:"不可为空!",
    137                        }
    138                    },
    139                    errorPlacement:function(error,element) {  
    140                         $(element).attr("placeholder",$(error).text())
    141                         layer.alert("提交失败,请检查各项是否有未填写!");
    142                    },
    143                });
    144         }

      ②:验证方法调用:(在单击事件中调用)

    1 $("#submitbtn").click(function(){
    2     if(!check().form()) return;
    3 })

    方法二:利用validate中的submitHandler进行提交:

     1 $("#btn_submit").click(function(){
     2             $("#ifApproval").val("1");
     3             $("#form-sourse-apply").validate({
     4                 rules: {
     5                     title: {
     6                         required: true,
     7                         maxlength: 200
     8                     },
     9                     typeName: {
    10                         required: true,
    11                     },
    12                     infosources: {
    13                         required: true,
    14                     },
    15                     author: {
    16                         required: true,
    17                     },
    18                     editer: {
    19                         required: true
    20                     },
    21                     content: {
    22                         required: true
    23                     }
    24                 },
    25                 onkeyup: false,
    26                 focusCleanup: false,
    27                 success: "valid",
    28                 submitHandler: function (form) {
    29                     if ($('#file').val() == "") {
    30                         layer.alert("请上传封面")
    31                         return;
    32                     }
    33                     var fileName=document.getElementById("file").value;  
    34                     var suffixIndex=fileName.lastIndexOf(".");  
    35                     var suffix=fileName.substring(suffixIndex+1).toUpperCase();  
    36                     if(suffix!="BMP"&&suffix!="JPG"&&suffix!="JPEG"&&suffix!="PNG"&&suffix!="GIF"){  
    37                          layer.alert("提示封面请上传图片(格式BMP、JPG、JPEG、PNG、GIF等)!"); 
    38                          return;
    39                     }  
    40                     var str = ue.getContent();
    41                     if (str == "") {
    42                         layer.alert("请填写内容")
    43                         return;
    44                     }
    45                     $(".loadingMain").show();
    46                     $("#btn_submit").attr("disabled", "disabled");
    47                     $("#form-sourse-apply").ajaxSubmit({
    48                         url: '${basePath}news/addSave',
    49                         dataType: 'json',
    50                         type: 'post',
    51                         success: function (json) {
    52                             layer.alert(json.message);
    53                             $(".loadingMain").hide();
    54                             if (json.success == true) {
    55                                 layer.confirm(json.message, {btn: ['确定'],shade: false,closeBtn: 0,},
    56                                     function () {
    57                                         parent.location.replace(parent.location.href);
    58                                         var index = parent.layer.getFrameIndex(window.name);
    59                                         parent.layer.close(index);
    60                                     }
    61                                 );
    62                             }else {
    63                                 $("#btn_submit").removeAttr("disabled");
    64                                 layer.alert(json.message);
    65                             }
    66                         }
    67                     });
    68                 }
    69             });
    70                     
    71         });
  • 相关阅读:
    vscode设置js文件自动格式化单引号
    解决git每次输入账号密码问题
    vscode设置vouter标签不换行
    查看修改npm地址并登录
    正则匹配[]外部的内容
    使用v-model实现父子组件之间传值
    发布网站
    安装IIS
    IIS服务添加角色
    react生命周期
  • 原文地址:https://www.cnblogs.com/lubolin/p/11561829.html
Copyright © 2011-2022 走看看