首頁 > web前端 > js教程 > jQuery腳本以檢查字符串是電話號碼還是電子郵件地址

jQuery腳本以檢查字符串是電話號碼還是電子郵件地址

Jennifer Aniston
發布: 2025-03-06 00:40:12
原創
162 人瀏覽過

此jQuery腳本檢查字符串是電話號碼還是電子郵件地址。 這對於形式驗證很有用,允許單個輸入字段接受任何一種格式。 >

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

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

登入後複製








常見問題(常見問題解答):

> 提供的常見問題解答已經寫得很好,涵蓋了常見的jQuery驗證方案。 無需更改。 答案地址國際電話號碼驗證(建議外部庫),錯誤消息自定義,正則用法,電子郵件驗證,多個字段驗證,服務器端驗證注意事項以及處理各種電話號碼格式。

>

以上是jQuery腳本以檢查字符串是電話號碼還是電子郵件地址的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板