首页 > web前端 > js教程 > jQuery脚本以检查字符串是电话号码还是电子邮件地址

jQuery脚本以检查字符串是电话号码还是电子邮件地址

Jennifer Aniston
发布: 2025-03-06 00:40:12
原创
163 人浏览过

此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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板