10.24

SelfishGhost

于 2019-10-30 14:18:20 发布

阅读量121

点赞数

本文链接：https://blog.youkuaiyun.com/SelfishGhost/article/details/102818239

版权

<%--
  Created by IntelliJ IDEA.
  User: micky
  Date: 2019/10/22
  Time: 9:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form action="" >
    用户名：<input name="username" type="text" id="username" />
    密码:<input name="password" type="text" id="password"/>
    验证码：<input name="yzm" type="text" id="yzm"/>
    <div id="container"style="width: 180px;height: 45px"></div>
    <input type="button" onclick="login()" value="登入">
</form>

</body>
<script type="text/javascript">
    var verifyCode=new GVerify("container");
    function login() {
        //选择器  1.id 2.类选择器  3.标签
        //document.getElementById("username").value;
       var username1=$("#username").val();
       var password1=$("#password").val();
       var yzm=$("#yzm").val();
       if (!verifyCode.validate(yzm)){
           alert("验证码错误");
           return
       } else{
           $.ajax({
               url:"${pageContext.request.contextPath}/user/login1.do",
               type:"post",
               dataType:"json",
               data:{
                   username:username1,
                   password:password1
               },
               success:function (data) {
                   if(data.result=="1"){
                       alert("登入成功");
                   }else {
                       alert("登入失败");
                   }
               }
           });
       }

    }
</script>
</html>