使用jquery.validate.min.js前台验证表单

1.使用jquery.validate.min.js前台验证表单

效果：用户提交表单之后，数据先检测通过之后。再提交数据到后台。

 

  

 

 

使用方法

1.引入jquery.validate.min.js

  

2.写js验证代码

  //验证表单

function check_form(){

return $("#form1").validate({

        rules: {

        act_name: {

   required:true,

   maxlength:100,

   isCustomer:true

   },

   

   act_range:{

   required:true

   },

   discount:{

   required:true

   },

  

   start_time:{

   required:true

   },

   end_time:{

   required:true

   },

  

   },

        messages: {

        act_name:{

   required:"活动名称不能为空",

   maxlength:"活动名称长度过长",

   },

   

   act_range:{

   required:"请选择优惠范围",

   },

   discount:{

   required:"折扣不能为空",

   },

   start_time:{

   required:"请选择活动开始时间",

   },

   end_time:{

   required:"请选择活动结束时间",

   },

   

 

  },

  errorPlacement: function (error, element) {

           layer.alert(error.html());

        },

        onkeyup : false,

        onfocusout:false,

     onclick:false,

 });

}

注意事项：

1.onfocusout:false，当点击一个文本框跳出使用插件选择时间时，如果没有加这个属性，就会出现多次弹出验证错误信息。

2.上面的字段名都是空间的name,而不是id

 

 

3.绑定需要验证的表单

       if(check_form().form()){

return true;

}else{

return false;

}