此jQuery腳本檢查字符串是電話號碼還是電子郵件地址。 這對於形式驗證很有用,允許單個輸入字段接受任何一種格式。
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代碼(示例):
>
your-form-id
> 提供的常見問題解答已經寫得很好,涵蓋了常見的jQuery驗證方案。 無需更改。 答案地址國際電話號碼驗證(建議外部庫),錯誤消息自定義,正則用法,電子郵件驗證,多個字段驗證,服務器端驗證注意事項以及處理各種電話號碼格式。
>以上是jQuery腳本以檢查字符串是電話號碼還是電子郵件地址的詳細內容。更多資訊請關注PHP中文網其他相關文章!