想要使用jquery登录页面,它将检查空输入

时间:2014-04-16 11:57:20

标签: jquery

我想要一个登录页面,它将使用jquery检查空用户名和密码,并在提交时使用post方法到cal servlet。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){

  $("#button").click(function(){
      if(($("#name").val()=="")||($("#pass").val()=="")){
          alert("user name and pass cant be empty");
                     // location.reload();           
        }else{
            $.post("demo_test_post.asp",
                      {
                        name:$("#name"),
                        pass:$("#pass")
                      },
                      function(data,status){
                    alert("Data: " + data + "\nStatus: " +status);
                      });
                    });
        }
          });
        });
</script>
</head>
<body>


<p>Name: <input type="text" name="name" id="name" ></p>
<p>password <input type="password" name="pass" id="pass"></p>
<input type="submit" value="login" id="button">

   

1 个答案:

答案 0 :(得分:0)

在条件的第二部分,您没有使用双==进行比较:

if(($("#name").val()=="")||($("#pass").val()="")){
//                                          ^ should be ==

更改为:

if(($("#name").val()=="")||($("#pass").val()=="")){
//                                          ^ fixed