Un script jQuery pour vérifier si une chaîne est un numéro de téléphone ou une adresse e-mail

Ce script jQuery vérifie si une chaîne est un numéro de téléphone ou une adresse e-mail. Il est utile pour la validation du formulaire, permettant à un seul champ de saisie d'accepter l'un ou l'autre format.

Code jQuery:

cet extrait de code valide un nom (minimum 3 caractères), e-mail et numéro de téléphone. Il ajoute ensuite un chèque pour voir si le champ "e-mail ou téléphone" contient un numéro de téléphone; Si c'est le cas, il remplit le champ du téléphone et efface le champ de messagerie.

// 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;
}

CODE HTML (Exemple):

N'oubliez pas de remplacer your-form-id par l'ID réel de votre formulaire.

Name:

Email or Phone:

Email (will be ignored if phone is detected):

Phone (will be ignored if email is detected):

Questions fréquemment posées (FAQ):

Les FAQ fournies sont déjà bien écrits et couvrent les scénarios de validation jQuery communs. Aucun changement n'est nécessaire. Les réponses abordent la validation du numéro de téléphone international (suggérant des bibliothèques externes), la personnalisation des messages d'erreur, l'utilisation d'expansion, la validation des e-mails, la validation multiple du champ, les considérations de validation côté serveur et la gestion de divers formats de numéro de téléphone.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!