此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中文网其他相关文章!