Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <script type="text/javascript" src="js/jquery.min.js"></script>
- <script type="text/javascript" src="scripts/jquery.validate.js"></script>
- <script type="text/javascript" src="scripts/jquery.validate.min.js"></script>
- <script type="text/javascript" src="scripts/messages_zh.js"></script>
- <script>
- $().ready(function() {
- $("#cForm").validate({
- onsubmit:true,// 是否在提交是验证
- onfocusout:false,// 是否在获取焦点时验证
- onkeyup :false,// 是否在敲击键盘时验证
- rules: { //规则
- user: { //要对应相对应的input中的name属性
- required: true
- },
- password: {
- required: true
- }
- },
- messages:{ //验证错误信息
- user: {
- required: "请输入用户名"
- },
- password: {
- required: "请输入密码"
- }
- },
- submitHandler: function(form) { //通过之后回调
- //进行ajax传值
- $.ajax({
- url : "localhost:8080/user/login.do",
- type : "post",
- dataType : "json",
- data: {
- user: $("#user").val(),
- password: $("#password").val()
- },
- success : function(result) {
- //要执行的代码
- alert(result.status);
- window.location.href="edit.html";
- }
- });
- },
- invalidHandler: function(form, validator) {return false;}
- });
- });
- </script>
- </head>
- <body>
- <form class="cForm" id="cForm" method="post" action="">
- <p>
- <label for="user">用户名</label>
- <input id="user" name="user" required minlength="3">
- </p>
- <p>
- <label for="password">密码</label>
- <input id="password" type="password" maxlength="12" name="password">
- </p>
- <p>
- <input class="submit" type="submit" value="登录">
- </p>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement