この電話番号バリデーターは機能しません:/。なんで?
理想的には、オプションの電話フィールドが null でない場合は、フォームの検証に進む必要があります。
電話フィールドはオプションであり、必須ではありません。
フォームの検証:
- 電話フィールドはオプションです。これは、必須ではないことを意味します。
- 数値以外のすべての比較を無視する必要があります。
- 桁数が != 10 の場合、エラーが表示されます。
- カウントが 10 桁に等しい場合、name.php に渡す必要があります (HTML を参照)。
Javascript コード:
function validateForm() {
var x=document.forms["form"]["name"].value;
if (x==null || x=="")
{
alert("Name is required.");
return false;
}
var y=document.forms["form"]["email"].value;
var atpos=y.indexOf("@");
var dotpos=y.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=y.length)
{
alert("Valid email required.");
return false;
}
var formValue = document.forms["form"]["number"].value;
var regExpressionValue = /[^\d.]/g;
if (formValue !== null)
{
if (regExpressionValue.test(formValue) !== true)
{
alert("Optional phone number invalid. Example: [1234567890].");
return false;
}
}
return true;
}
HTML:
<form class="form" id="form" name="form" method="post" action="name.php" onsubmit="return validateForm()" />
<input type="text" name="name" id="name" />
<input type="text" name="email" id="email" />
<input type="tel" name="number" id="number" />
<button type="submit" value="Send" />Sign Up</button>
<div class="spacer"></div>
</form>