基本的なフォーム情報を検証するページがあります。ユーザーが情報を入力した後、検証に問題がなければ、クリックすると新しいウィンドウが開きます。フォーム フィールドに問題がある場合、ユーザーは問題を修正するように求められ、ウィンドウは開かれません。今、私はこれのコードを書き込もうとしましたが、フォームに問題があるかどうかに関係なくウィンドウが開くという問題があります。ウィンドウは、フォームに問題がない場合にのみ開く必要があります。
この小さな問題を解決するために何ができるかについて、誰かが私を正しい方向に向けることができれば幸いです。
コードは次のとおりです。
var name = document.getElementById("name").value;
var phone = document.getElementById("phone").value;
var nat = document.getElementById("nat").value;
var address = document.getElementById("address").value;
var town = document.getElementById("town").value;
var zip = document.getElementById("zip").value;
var userName = document.getElementById("userName").value;
if (name == "" )
{
window.alert("Please Enter your Full Name");
}
checkNr= isNaN(phone)
if(checkNr == true)
{
window.alert("PHONE NUMBER: You can only enter numbers. Please try again");
}
else if (phone == "")
{
window.alert("please enter your phone number") ;
}
if (nat == "")
{
window.alert("Please enter your nationality")
}
if(town =="")
{
window.alert("Please enter your town")
}
if(zip=="")
{
window.alert("Please enter your zip code")
}
if (userName=="")
{
window.alert("Please enter your username")
}
}
</script>
HTML
<form name="subscribe" action="mailto:" >
FULLNAME: </strong><input type="text" id="name"/><br />
PHONE NR: <input type="text" id="phone" /><br />
NATIONALITY:<input type="text" id="nat" /><br />
Address:<input type="text" id="address" /><br />
Town:<input type="text" id="town" /><br />
Zip Code: <input type="text" id="zip" /><br />
Username: <input type="text" id="userName" /><br />
Date Of lesson:<input type="text" id="dOl" value="dd/mm/yy" />
<input type="button" value="submit" onclick="validate(), openWindow()" />
</form>