-1

送信ボタンをクリックするたびに起動しますalert("empty username")が、頭に浮かび、checklogin.php...フィールドが空でない限り、それを回避してページに残すにはどうすればよいですか?

</body>
</html>
<script type="text/javascript"></script>       
function RequiredFields(){
     var username=document.forms["login"]["username"].value;


     if (username==""||username==null){
         alert("empty username")
         document.login.username.focus();
         if(document.all||document.getElementById){
             return false;
         }

     }
}
</script>
<form action="checklogin.php" method="POST" onSubmit="RequiredFields()">
Username<input type="text" name="username"/>
Password<input type="password" name="password"/>
<input type="submit" value="Login"  />
</form>
</body>
</html>
4

4 に答える 4

2

submit 入力では、次のように onsubmit のイベント ハンドラーを追加できます。

<input type="submit" value="submit form" onsubmit="return RequiredFields();"/>

すべての必須フィールドが埋まっていない場合、RequiredFields は false を返し、送信プロセスが停止します。

于 2012-10-05T15:42:54.027 に答える
2

送信をこれに変更すると、 RequiredFields が返される場合は送信されませんfalse

<input type="submit" value="Login" onsubmit="return RequiredFields();"/>
于 2012-10-05T15:44:15.187 に答える
1

このコードを使用

<input type="submit" value="Login" onclick="return RequiredFields()" />
于 2012-10-05T15:52:55.670 に答える
0

これでうまくいくと思います。

   function xyz(event)
    {
      event.preventDefault(); // while the function returns false
    }

また、JavaScriptの過負荷を回避するため に必要なHTML5属性を使用することもできます。<* input type=""必須> *

于 2012-10-26T13:43:45.143 に答える