A jQuery Script to Check if a String is a Phone Number or Email Address

This jQuery script checks if a string is a phone number or email address. It's useful for form validation, allowing a single input field to accept either format.

jQuery Code:

This code snippet validates a name (minimum 3 characters), email, and phone number. It then adds a check to see if the "Email or Phone" field contains a phone number; if so, it populates the phone field and clears the email field.

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

Remember to replace your-form-id with the actual ID of your form.

Name:

Email or Phone:

Email (will be ignored if phone is detected):

Phone (will be ignored if email is detected):

Frequently Asked Questions (FAQs):

The provided FAQs are already well-written and cover common jQuery validation scenarios. No changes are needed. The answers address international phone number validation (suggesting external libraries), error message customization, regex usage, email validation, multiple field validation, server-side validation considerations, and handling various phone number formats.

The above is the detailed content of A jQuery Script to Check if a String is a Phone Number or Email Address. For more information, please follow other related articles on the PHP Chinese website!