登録フォームを作成しています。ユーザーがメールを入力できるフィールドが 2 つあります (1 つはメール用、もう 1 つはメールの再入力用)。2 つのフィールドを検証して、それらが一致していることを確認しようとしています。私が行ったことは、ユーザーがパスワード フィールドに移動すると、onfocus が検証関数を呼び出し、2 つのフィールドが一致するかどうかを確認することです。エラーがある場合、エラーは別のテキストフィールドに表示されます。問題は、コードが機能していないことです!!
コードは次のとおりです。
<html>
<head>
<script>
var fieldalias="Email address field"
function verify(element1, element2){
var passed=false
if (element1.value==''){
document.f1.emailerror.value='Fill out the first email field';
element1.focus()
}
else if (element2.value==''){
document.f1.emailerror.value='Fill out the second email field';
element2.focus()
}
else if (element1.value!=element2.value){
document.f1.emailerror.value='The two emails are not matching';
element1.select()
}
else
passed=true
return passed
}
</script>
</head>
<body>
<p>Username: <br/>
<input class="tb10" type="text" name="username" />
</p><br/>
<p>Email: <br/>
<input class="tb10" type="text" name="email1" />
</p>
<p>Re-Enter Email: <br/>
<input class="tb10" type="text" name="email2" />
<input id="emerror" type="text" readonly name="emailerror"/>
</p><br/>
<p>Password: <br/>
<input class="tb10" type="password" name="password1" onfocus="verify(this.email1,this.email2)";/>
</p>
</body>
</html>