Question

如何使用单一输入验证电子邮件或电话号码？

我希望输入值为xyz@gmail.com或1234567890其他任何提醒"Invalid Email or phone number"

喜欢Facebook注册表格

<form>
<input type="text" placeholder="Email or mobile number"  />
<button type="submit" >Sign Up</button>
</form>

Answer 1

谢谢！

我使用了两个正则表达式，如

function validateEmail() {
        var email = document.getElementById('txtEmail');
        var mailFormat = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})|([0-9]{10})+$/;
        if (email.value == "") {
            alert( "  Please enter your Email or Phone Number  ");
        }
        else if (!mailFormat.test(email.value)) {
            alert( "  Email Address / Phone number is not valid, Please provide a valid Email or phone number ");
            return false;
        }
        else {
            alert(" Success ");
        }
}

Answer 2

尝试一下，它会起作用：

A   B   C   D   E   F
1456    6744    9876    374 65413   1456
654 2314    674654  2156    872 6744
875 653 36541   345 4963    9876
6875    7401    3654    465 3547    374
78654   8662    35  6987    6874    65413
658 94512   687 489 8756    5854

Answer 3

我可能用两个正则表达式测试它。首先检查一个（例如，它是否是有效的电子邮件），然后如果失败，请与另一个检查（例如，它是否是有效的电话号码）。如果不是，则显示验证消息，指出该值无效。我没有在这里提供正则表达式示例，因为互联网上有数十个这样的例子，每个都有利有弊 - 没有意义开始对电子邮件或电话的最佳正则表达式进行火焰战争，但代码如下所示：

function validateEmailPhoneInput(field)
{
    if (emailRegex.test(field.value))
    {
        //it's an email address
    }
    else if (phoneRegex.test(field.value))
    {
        //it's a phone number
    }
    else
    {
        //display your message or highlight your field or whatever.
        field.classList.add('invalid');
    }
}

Answer 4

This code is worked for me.
var a=document.getElementById('txtEmail').value;
                var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
                if(a=="")
                {
                    alert('Please enter value');
                    return false;
                }
                else if(isNaN(a))
                {
                    if(!(a.match(mailformat)))
                {
                    alert('Please enter email address/phno valid');
                    return false;
                }
                }
                else
                {
                    if(a.length()!=10)
                    {
                        alert('Please enter valid phno');
                        return false;
                    }
                }

Answer 5

$("#volunteer_submit").click(function myfunction() {

    function email_number_check() {
        var email_number = $("input[name=email_mobile]").val();

        if (email_number == "") {
            alert("Fill in the Required Fields field cannot be empty");
        }
        else if (isNaN(email_number) == true) {

            var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            if (reg.test(email_number) == false) {
                alert('Invalid Email Address');
            }
            else {
            $("#contact-form").submit();
        }

        }
        else if (isNaN(email_number) == false) {

            var reg_mobile = /^(\+\d{1,3}[- ]?)?\d{10}$/;

            if (reg_mobile.test(email_number) == false) {

                alert('Invalid mobile');
            }
            else {
            $("#contact-form").submit();
        }
        }
    }
    email_number_check();

});

如何使用像Facebook这样的单一输入来验证电子邮件或电话号码

5 个答案: