Advertisement
Guest User

Untitled

a guest
Sep 11th, 2018
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <script type="text/javascript" src="js/jquery.min.js"></script>
  6. <script type="text/javascript" src="scripts/jquery.validate.js"></script>
  7. <script type="text/javascript" src="scripts/jquery.validate.min.js"></script>
  8. <script type="text/javascript" src="scripts/messages_zh.js"></script>
  9.  
  10. <script>
  11.  
  12. $().ready(function() {
  13. $("#cForm").validate({
  14. onsubmit:true,// 是否在提交是验证
  15. onfocusout:false,// 是否在获取焦点时验证
  16. onkeyup :false,// 是否在敲击键盘时验证
  17.  
  18. rules: {    //规则
  19. user: {  //要对应相对应的input中的name属性
  20. required: true
  21. },
  22. password: {
  23. required: true
  24. }
  25. },
  26. messages:{    //验证错误信息
  27. user: {
  28. required: "请输入用户名"
  29. },
  30. password: {
  31. required: "请输入密码"
  32. }
  33. },
  34. submitHandler: function(form) { //通过之后回调
  35. //进行ajax传值
  36. $.ajax({
  37. url : "localhost:8080/user/login.do",
  38. type : "post",
  39. dataType : "json",
  40. data: {
  41. user: $("#user").val(),
  42. password: $("#password").val()
  43. },
  44. success : function(result) {
  45. //要执行的代码
  46. alert(result.status);
  47. window.location.href="edit.html";
  48. }
  49. });
  50. },
  51. invalidHandler: function(form, validator) {return false;}
  52. });
  53. });
  54.  
  55. </script>
  56. </head>
  57. <body>
  58. <form class="cForm" id="cForm" method="post" action="">
  59. <p>
  60. <label for="user">用户名</label>
  61. <input id="user" name="user" required minlength="3">
  62. </p>
  63. <p>
  64. <label for="password">密码</label>
  65. <input id="password" type="password" maxlength="12" name="password">
  66. </p>
  67. <p>
  68. <input class="submit" type="submit" value="登录">
  69. </p>
  70. </form>
  71.  
  72. </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement