<form action="" method="post" id="form" target="_blank"> <input class="form-control" type="text" id="cash" name="cash"> <button type="submit" id="btn_sub" class="btn btn-primary">确认充值</button> </form>
2.进行validate表单验证
验证目标:1.输入的必须是数字
2.输入的数字不能是负数
3.输入的数字不能为空
4.输入的数字小数点后最多两位
JS代码:
<script> //自定义validate验证输入的数字小数点位数不能大于两位 jQuery.validator.addMethod("minNumber",function(value, element){ var returnVal = true; inputZ=value; var ArrMen= inputZ.split("."); //截取字符串 if(ArrMen.length==2){ if(ArrMen[1].length>2){ //判断小数点后面的字符串长度 returnVal = false; return false; } } return returnVal; },"小数点后最多为两位"); //验证错误信息 //提交表单验证,并ajax传值 $("#form").validate({ //验证规则 rules: { cash: { required: true, //要求输入不能为空 number: true, //输入必须是数字 min: 0.01, //输入的数字最小值为0.01,不能为0或者负数 minNumber: $("#cash").val() //调用自定义验证 } }, //错误提示信息 messages: { cash: { required: "请填写充值金额", number: "请正确输入金额", min: "输入最小金额为0.01", length: "输入数字最多小数点后两位" } } }); </script>
效果演示:
验证输入不能为负数或者0
验证输入的必须是数字
验证输入最小金额为0.01元
验证输入的数字小数点后不能大于两位
用validate进行表单验证十分方便,不一定要用正则或者js判断。
还有我写的关于ajax+validate表单验证,参考:http://www.cnblogs.com/jingmin/p/6294982.html
这个文章里面有完善的validate表单验证的参数,大家可以借鉴!
这个功能是自己辛苦抠出来的,希望能给大家带来借鉴!!