Ein JQuery -Skript, um zu überprüfen, ob eine Zeichenfolge eine Telefonnummer oder E -Mail -Adresse ist

Dieses JQuery -Skript überprüft, ob eine Zeichenfolge eine Telefonnummer oder E -Mail -Adresse ist. Es ist nützlich für die Formularvalidierung und ermöglicht es einem einzelnen Eingabefeld, eines der eines der eines der beiden Formates zu akzeptieren.

JQuery Code:

Dieser Code -Snippet bestätigt einen Namen (mindestens 3 Zeichen), E -Mail und Telefonnummer. Anschließend wird eine Prüfung hinzugefügt, um festzustellen, ob das Feld "E -Mail oder Telefon" eine Telefonnummer enthält. In diesem Fall wird das Telefonfeld bevölkert und das E -Mail -Feld gelöscht.

// 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 -Code (Beispiel):

Denken Sie daran, your-form-id durch die tatsächliche ID Ihres Formulars zu ersetzen.

Name:

Email or Phone:

Email (will be ignored if phone is detected):

Phone (will be ignored if email is detected):

häufig gestellte Fragen (FAQs):

Die bereitgestellten FAQs sind bereits gut geschrieben und decken gemeinsame JQuery-Validierungsszenarien ab. Es sind keine Änderungen erforderlich. Die Answersadresse internationale Telefonnummer-Validierung (Vorschlag von externen Bibliotheken), Fehlermeldungsanpassung, Regex-Nutzung, E-Mail-Validierung, Mehrfachfeldvalidierung, serverseitige Überlegungen zur Validierung und die Bearbeitung verschiedener Telefonnummernformate.

Das obige ist der detaillierte Inhalt vonEin JQuery -Skript, um zu überprüfen, ob eine Zeichenfolge eine Telefonnummer oder E -Mail -Adresse ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!