2

以下に、フォームを検証するこのコードがあります。ただし、このコードにはバグがあります。ユーザー名に何かを入力してパスワードを空白のままにすると、フォームはそれを受け入れます。それを受け入れるべきではない。理由はありますか？

<html> 

     <head>  <link type = "text/css" type="text/javascript" rel="stylesheet" href="css/bootstrap.css" />
              <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
       <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>

       <script src="js/bootstrap.js"> </script>
     <script> 
       $(document).ready(function() {
    $('form').validate({
        submitHandler: function(form) { // for demo
            alert('valid form');
            return false;
        }
    });
});</script>
     </head> 


 <body> 
<form class="well span6"> 

     <label>Username</label> 
     <input type="text" id="myName" class="span3 required" placeholder="Type your username here..." />  <br/> 

      <label>Password</label> 
     <input type="text" id="myPassword" class="span3 required" placeholder="Type your password here..." /> <br/> 

     <input type="submit" class ="btn btn-primary">
     <!-- <button class=""> Clear <br/></button><br/> -->

</form> 

</body> 

</html>
4

2 に答える 2

6

この検証プラグインは、フィールドの「名前」属性のようなものだと確信しています。

各入力に and を追加しましたが、このjsfiddleで機能name="myNameするようですname="myPassword

<form class="well span6">    
     <label>Username</label> 
     <input name="myName" type="text" id="myName" class="span3 required" placeholder="Type your username here..." /><br/> 

      <label>Password</label> 
     <input name="myPassword" type="text" id="myPassword" class="span3 required" placeholder="Type your password here..." /><br/> 

     <input type="submit" class="btn btn-primary">
</form>
于 2013-01-02T16:27:10.920 に答える
2

パスワードとユーザー名のフィールドに「名前」属性を追加してみてください。

于 2013-01-02T16:32:49.230 に答える