1
私は、ユーザー名とパスワードは、ログインフォームに入力されているか否かをJavaScriptコードチェックはフォーム送信をブロックするにはどうすればよいですか?
<form name="LoginUser" method="post" action="LoginUser" onsubmit="checkEntries()">
<table width="78%" height="90" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="47%" align="right" class="textstyle">Username:
<label for="username2"></label></td>
<td width="53%" class="textstyle">
<input type="text" name="username" id="username" /><div id="testuser"></div>
</td>
</tr>
<tr>
<td align="right" class="textstyle"> </td>
<td> </td>
</tr>
<tr id="passRow">
<td align="right" class="textstyle">Password:</td>
<td><label for="password"></label>
<input type="password" name="password" id="password"/>
Forgot Password?? Click here...
<div id="testpwd"></div></td>
</tr>
<tr>
<td align="right" class="textstyle"> </td>
<td> </td>
</tr>
<tr>
<td align="right" class="textstyle"> </td>
<td><input type="checkbox" name="rempass" id="rempass" />
<span class="textstyle">Remember my password</span></td>
</tr>
<tr>
<td align="right" class="textstyle"> </td>
<td class="textstyle"> </td>
</tr>
<tr>
<td align="right" class="textstyle"> </td>
<td class="textstyle">
<input type="submit" name="login" id="login" value="Sign in" />
</td>
</tr>
</table>
</form>
としてのJavaScript
function checkEntries()
{
if(document.getElementById("username")=="" && document.getElementById("password").value=="")
{
alert("Please enter username and password");
}
if(document.getElementById("username").value=="")
{
alert("Please enter username");
}
if(document.getElementById("password").value=="")
{
alert("Please enter password");
}
}
とHTMLコードにコードを次のようしています。それは正常に動作しています。しかし、エラーを表示した後、フォームを送信します。
ユーザー名とパスワードが入力されていない場合は、このフォームを送信しないでください。ログインページに留まるだけです。どうすればこれを達成できますか?
ハーッ...アロフト感謝の男に役立ちます願っています。私はとてもばかだ。 return文を忘れるには? :Dおかげでそれは働いた.. :) –
それはあなたのために働いていたことを知ってうれしい..あなたは受け入れられたとして答えをマークすることができます.. :) –
ya sure..done already :) –