test.html 7.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="jquery.validate.min.js" ></script>
  7. <script src="validate_custom.js" ></script>
  8. <script src="messages_zh.min.js" ></script>
  9. <script type="text/javascript">
  10. $.validator.setDefaults({
  11. highlight : function(a) {
  12. $(a).closest(".form-group").removeClass(
  13. "has-success").addClass("has-error")
  14. },
  15. success : function(a) {
  16. a.closest(".form-group").removeClass("has-error")
  17. .addClass("has-success")
  18. },
  19. errorElement : "span",
  20. errorPlacement : function(a, b) {
  21. if (b.is(":radio") || b.is(":checkbox")) {
  22. a.appendTo(b.parent().parent().parent())
  23. } else {
  24. a.appendTo(b.parent())
  25. }
  26. },
  27. errorClass : "help-block m-b-none",
  28. validClass : "help-block m-b-none"
  29. });
  30. $().ready(function() {
  31. $("#form-validation").validate();
  32. });
  33. </script>
  34. </head>
  35. <body>
  36. <form name="form_product" id="form-validation" action="" class="form-horizontal form-validation" accept-charset="UTF-8" method="post">
  37. <input type="text" id="text1" class="form-control" placeholder="不能为空" required="true" value="" />
  38. <input type="text" id="text2" email="true" class="form-control" placeholder="验证邮箱" value="" />
  39. <input type="text" id="text3" url="true" class="form-control" placeholder="验证URL"value="" />
  40. <input type="text" id="text4" date="true" class="form-control" placeholder="验证日期 " value="" />
  41. <input type="text" id="text5" dateISO="true" class="form-control" placeholder="验证日期 例如:2009-06-23" value="" />
  42. <input type="text" id="text6" number="true" class="form-control" placeholder="必须输入合法的数字(负数,小数)" value="" />
  43. <input type="text" id="text7" digits="true" class="form-control" placeholder=" 必须输入整数" value="" />
  44. <input type="text" id="text8" creditcard="true" class="form-control" placeholder=" 必须输入合法的信用卡号" value="" />
  45. <input type="text" id="text9" accept="jpg" class="form-control" placeholder=" 输入拥有合法后缀名的字符串(上传文件的后缀)" value="" />
  46. <input type="text" id="text10" maxlength="5" class="form-control" placeholder=" 输入长度最多是5的字符串(汉字算一个字符)" value="" />
  47. <input type="text" id="text11" minlength="10" class="form-control" placeholder=" 输入长度最小是10的字符串(汉字算一个字符)" value="" />
  48. <input type="text" id="text12" rangelength="5,10" class="form-control" placeholder=" 输入长度必须介于 5 和 10 之间的字符串汉字算一个字符)" required="" value="" />
  49. <input type="text" id="text13" range="5,10" class="form-control" placeholder=" 输入值必须介于 5 和 10 之间" required="" value="" />
  50. <input type="text" id="text14" max="5" class="form-control" placeholder=" 输入值不能大于5" value="" />
  51. <input type="text" id="text15" min="10" class="form-control" placeholder=" 输入值不能小于10" value="" />
  52. <input type="text" id="text17" isIntEqZero="true" class="form-control" placeholder="整数必须为0" value="" />
  53. <input type="text" id="text18" isIntGtZero="true" class="form-control" placeholder="整数必须大于0" value="" />
  54. <input type="text" id="text19" isIntGteZero="true" class="form-control" placeholder="整数必须大于或等于0" value="" />
  55. <input type="text" id="text20" isIntNEqZero="true" class="form-control" placeholder="整数必须不等于0" value="" />
  56. <input type="text" id="text21" isIntLtZero="true" class="form-control" placeholder="整数必须小于0" value="" />
  57. <input type="text" id="text22" isIntLteZero="true" class="form-control" placeholder="整数必须小于或等于0" value="" />
  58. <input type="text" id="text23" isFloatEqZero="true" class="form-control" placeholder="浮点数必须为0" value="" />
  59. <input type="text" id="text24" isFloatGtZero="true" class="form-control" placeholder="浮点数必须大于0" value="" />
  60. <input type="text" id="text25" isFloatGteZero="true" class="form-control" placeholder="浮点数必须大于或等于0" value="" />
  61. <input type="text" id="text26" isFloatNEqZero="true" class="form-control" placeholder="浮点数必须不等于0" value="" />
  62. <input type="text" id="text27" isFloatLtZero="true" class="form-control" placeholder="浮点数必须小于0" value="" />
  63. <input type="text" id="text28" isFloatLteZero="true" class="form-control" placeholder="浮点数必须小于或等于0" value="" />
  64. <input type="text" id="text29" isFloat="true" class="form-control" placeholder="只能包含数字、小数点等字符" value="" />
  65. <input type="text" id="text30" isInteger="true" class="form-control" placeholder="匹配integer" value="" />
  66. <input type="text" id="text31" isNumber="true" class="form-control" placeholder="匹配数值类型,包括整数和浮点数" value="" />
  67. <input type="text" id="text32" isDigits="true" class="form-control" placeholder="只能输入0-9数字" value="" />
  68. <input type="text" id="text33" isChinese="true" class="form-control" placeholder="只能包含中文字符" value="" />
  69. <input type="text" id="text34" isEnglish="true" class="form-control" placeholder="只能包含英文字符" value="" />
  70. <input type="text" id="text35" isMobile="true" class="form-control" placeholder="请正确填写您的手机号码" value="" />
  71. <input type="text" id="text36" isPhone="true" class="form-control" placeholder="请正确填写您的电话号码" value="" />
  72. <input type="text" id="text37" isTel="true" class="form-control" placeholder="请正确填写您的联系方式" value="" />
  73. <input type="text" id="text38" isQq="true" class="form-control" placeholder="匹配QQ" value="" />
  74. <input type="text" id="text39" isZipCode="true" class="form-control" placeholder="请正确填写您的邮政编码" value="" />
  75. <input type="text" id="text40" isPwd="true" class="form-control" placeholder="以字母开头,长度在6-12之间,只能包含字符、数字和下划线。" value="" />
  76. <input type="text" id="text41" isIdCardNo="true" class="form-control" placeholder="请输入正确的身份证号码" value="" />
  77. <input type="text" id="text42" ip="true" class="form-control" placeholder="请填写正确的IP地址" value="" />
  78. <input type="text" id="text43" stringCheck="true" class="form-control" placeholder="只能包含中文、英文、数字、下划线等字符" value="" />
  79. <input type="text" id="text44" isChineseChar="true" class="form-control" placeholder="匹配中文(包括汉字和字符)" value="" />
  80. <input type="text" id="text45" isRightfulString="true" class="form-control" placeholder="判断是否为合法字符(a-zA-Z0-9-_)" value="" />
  81. <input type="text" id="text46" isContainsSpecialChar="true" class="form-control" placeholder="含有中英文特殊字符" value="" />
  82. <input type="submit" class="btn btn-success"/>
  83. </form>
  84. </body>
  85. </html>