フォームで電話番号を検証しようとしています。電話番号を検証する手順を持つフォームの送信時に関数を実行します。電話番号が 10 桁でない場合、有効な 10 桁の電話番号を入力する必要があることをユーザーに警告する機能を停止します。
var valPhone = validatePhoneNumber;
var valPhoneThis = valPhone(txtPhoneNumber);
if(!valPhoneThis)
{
alert("Please enter your 10-digit phone number, numbers only.");
return false;
}
else
{
//
}
ここで何が問題なのかわかりませんが、同じメッセージで複数のアラート ボックスが表示されます。それが役立つ場合は、jQuery モバイル アプリケーションを作成しています。
$('#create-new-account-button').click(function()
{
$('#create-account-dialog').css('display','block');
txtFirstName = $('#ca-first-name').val();
txtLastName = $('#ca-last-name').val();
txtDateOfBirth = $('#ca-date-of-birth').val();
txtZipCode = $('#ca-zip-code').val();
txtPhoneNumber = $('#ca-phone-number').val();
radGenderMale = $('#ca-radio-gender-male').val();
radGenderFemale = $('#ca-radio-gender-female').val();
txtLogin = $('#ca-email-username').val();
txtPassword = $('#ca-password').val();
// VALIDATION
// Validate Gender
var valGender='';
if(document.getElementById('ca-radio-gender-male').checked)
{
// Male radio button is checked
valGender = "M";
}
else if(document.getElementById('ca-radio-gender-female').checked) {
// Female is checked
valGender = "F";
}
else
{
alert("Please select a gender");
}
// Validate phone number
var valPhone = validatePhoneNumber;
var valPhoneThis = valPhone(txtPhoneNumber);
if(!valPhoneThis)
{
alert("Please enter your 10-digit phone number, numbers only.");
return false;
}
else
{
//
}
// Validate for Blank Fields
// Iterate through all fields to verify there is data in all of them
var blankArray = [];
$(".create-account-field").each(function (i) {
var thisVal = $(this).val();
var thisProp = $(this).prop('placeholder');
if ( thisVal == "" )
{
blankArray.push(thisProp);
}
else
{
// console.log(thisVal);
}
});
var blankArrayString = blankArray.join(", ");
if(blankArrayString == "")
{
$.ajax({
type: 'POST',