Skrip jQuery untuk memeriksa sama ada rentetan adalah nombor telefon atau alamat e -mel

Skrip JQuery ini memeriksa jika rentetan adalah nombor telefon atau alamat e -mel. Ia berguna untuk pengesahan borang, yang membolehkan medan input tunggal menerima sama ada format.

kod jQuery:

Coretan kod ini mengesahkan nama (minimum 3 aksara), e -mel, dan nombor telefon. Ia kemudian menambah cek untuk melihat sama ada medan "E -mel atau Telefon" mengandungi nombor telefon; Jika ya, ia memaparkan medan telefon dan membersihkan medan e -mel.

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

kod html (contoh):

ingat untuk menggantikan

dengan id sebenar borang anda. your-form-id

Name:

Email or Phone:

Email (will be ignored if phone is detected):

Phone (will be ignored if email is detected):

Soalan Lazim (Soalan Lazim):

Soalan Lazim yang disediakan telah ditulis dengan baik dan meliputi senario pengesahan jQuery biasa. Tiada perubahan diperlukan. Jawapannya alamat pengesahan nombor telefon antarabangsa (mencadangkan perpustakaan luaran), penyesuaian mesej ralat, penggunaan regex, pengesahan e-mel, pengesahan medan berganda, pertimbangan pengesahan sisi pelayan, dan mengendalikan pelbagai format nombor telefon.

Atas ialah kandungan terperinci Skrip jQuery untuk memeriksa sama ada rentetan adalah nombor telefon atau alamat e -mel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!