1 つの JavaScript 関数で HTML フォームを検証したい。フィールドが空であるかどうかにかかわらず、フォームの検証のみを行います。メールが正しく、電話番号が数字かどうかを確認したい。現在、フォームはポップアップアラートを開きますが、電子メールを入力すると停止します。
ここに私のフォームコードがあります
<form name="appointment" method="post" onsubmit="return doValidate();">
Name:*<br />
<input type="text" name="requiredname" />
Email:*<br />
<input type="text" name="requiredemail" />
Phone:*<br />
<input type="text" name="requiredphone" />
Appointment Date:*<br />
<input type="text" name="requireddate" />
Appointment Time:*<br />
<input type="text" name="requiredtime" /><br /><br />
<input name="submit" type="submit" value="Book Now" /> </form>
これは Javascript コードです:-
function doValidate()
{
if (document.appointment.requiredname.value =="")
{
alert("Please put your name");
document.appointment.requiredname.focus();
return false;
}
var readmail = document.appointment.requiredemail;
var checkatsymbol = readmail.indexof("@");
var checkdotsymbol = readmail.lastindexof(".");
if (readmail.value =="" || checkatsymbol<1)
{
alert("Please put the correct email address");
document.appointment.requiredemail.focus();
return false;
}
if (document.appointment.requiredphone.value =="" )
{
alert("Please put your phone");
document.appointment.requiredphone.focus();
return false;
}
if (document.appointment.requireddate.value =="" )
{
alert("Please put your appointment date as DD/MM/YYYY");
document.appointment.requireddate.focus();
return false;
}
if (document.appointment.requiredtime.value =="")
{
alert("Please put your appointment time as HH:MM AM/PM");
document.appointment.requiredtime.focus();
return false;
}
return ( true );
}