文字列が電話番号または電子メールアドレスであるかどうかを確認するjQueryスクリプト

このjQueryスクリプトは、文字列が電話番号またはメールアドレスであるかどうかを確認します。 フォーム検証に役立ち、単一の入力フィールドがいずれかの形式を受け入れることができます。

jqueryコード：

このコードスニペットは、名前（最低3文字）、電子メール、および電話番号を検証します。 次に、チェックを追加して、「電子メールまたは電話」フィールドに電話番号が含まれているかどうかを確認します。もしそうなら、それは電話フィールドに入力し、電子メールフィールドをクリアします。

// Validate name
var name = $('input[name="name"]').val();
if (name.length < 3) {
    alert('Please enter a name with 3 or more characters.');
    return false;
}

// Validate email
var email = $('input[name="email"]').val(),
    emailReg = /^([a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6})?$/; //Improved email regex
if (!emailReg.test(email) || email == '') {
    alert('Please enter a valid email address.');
    return false;
}

// Validate phone
var phone = $('input[name="phone"]').val(),
    intRegex = /[0-9 -()+]+$/;
if ((phone.length < 10) || !intRegex.test(phone)) {
    alert('Please enter a valid phone number.');
    return false;
}

// Check if "Email or Phone" field contains phone number or email
var ep_emailval = $('#emailOrPhone').val(); // Assuming input ID is 'emailOrPhone'
var intRegex = /[0-9 -()+]+$/;
if (intRegex.test(ep_emailval)) {
    console.log("Is phone number");
    $('#phone').val(ep_emailval); // Use .val() for setting value
    $('#email').val(''); // Use .val() for clearing value
} else if (emailReg.test(ep_emailval)) {
    console.log("Is email address");
    $('#email').val(ep_emailval);
    $('#phone').val('');
} else if (ep_emailval !== ''){
    alert('Please enter a valid email address or phone number.');
    return false;
}

htmlコード（例）：

をフォームの実際のIDに置き換えることを忘れないでください。 your-form-id

Name:

Email or Phone:

Email (will be ignored if phone is detected):

Phone (will be ignored if email is detected):

よくある質問（FAQ）：

提供されたFAQはすでによく書かれており、一般的なjQuery検証シナリオをカバーしています。 変更は必要ありません。 回答は、国際的な電話番号の検証（外部ライブラリの提案）、エラーメッセージのカスタマイズ、regexの使用、電子メール検証、複数のフィールド検証、サーバー側の検証の考慮事項、さまざまな電話番号形式の処理。

以上が文字列が電話番号または電子メールアドレスであるかどうかを確認するjQueryスクリプトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。