使用JavaScript进行验证

有类似的问题，但我找不到我想检查表单提交数据的方式

我喜欢检查表格提交数据的电话号码和电子邮件。我检查如下，但它不起作用

我怎样才能使它正确

<script>
    function validateForm() {

        var x = document.forms["registerForm"]["Email"].value;
        if (x == null || x == "") {
            alert("Email number must be filled out.");
            return false;
        }
        else if(!/@./.test(x)) {
            alert("Email number must be in correct format.");
            return false;
        }

        x = document.forms["registerForm"]["Phone"].value;
        if (x == null || x == "" ) {
            alert("Phone number must be filled out.");
            return false;
        }
        else if(!/[0-9]+()-/.test(x)) {
          alert("Phone number must be in correct format.");
          return false;
        }
    }
</script>

函数validateForm（）{
var x=文件.forms[“registerForm”][“Email”]。值；
如果（x==null | | x==“”）{
警报（“必须填写电子邮件号码”）；
返回false；
}
否则如果（！/@./.测试（x））{
警报（“电子邮件号码的格式必须正确。”）；
返回false；
}
x=文件。表格[“注册表执行”][“电话”]。值；
如果（x==null | | x==“”）{
提醒（“必须填写电话号码”）；
返回false；
}
否则如果（！/[0-9]+（）-/.test（x））{
警报（“电话号码的格式必须正确。”）；
返回false；
}
}

对于电子邮件，我只想检查电子邮件地址中包含的“@”和“.”

对于电话号码，我想检查（）-+[0-9]，并且只接受一个空格作为电话号码，例如+95 9023222、+95-1-09098098、（95）902321。我怎么检查

---

服务器上会有另一个检查，因此无需在表单提交时进行详细检查。

HTML5具有电子邮件验证功能。您可以检查是否正在使用HTML5：

<form>
    <input type="email" placeholder="me@example.com">
    <input type="submit">
</form>

---

另外，对于另一个选项，您可以检查。

HTML5具有电子邮件验证功能。您可以检查是否正在使用HTML5：

<form>
    <input type="email" placeholder="me@example.com">
    <input type="submit">
</form>

另外，对于另一个选项，您可以检查。

电子邮件验证 从

电话号码验证 从

电子邮件验证 从

电话号码验证 从

---

您可以这样做：

HTML部分

你的剧本

var email=$（'#email'）.val（）；
var phone=$（'#phone'）.val（）；
var email{u re=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+）*）（\“+\”）@（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.+]124；（[a-zA 0-Z-0-9]+[a-2]/]；
var mobile_re=/^[0-9]{10}$/g；
如果（$.trim（电子邮件）=''）{
$（'#email'）.val（''）；
$（“#电子邮件错误”）.css（'display'，'block'）；
$（'#email error'）.html（'请输入您的电子邮件'）；
}如果（！email.match（email_re））则为else{
$（“#电子邮件错误”）.css（'display'，'block'）；
$（“#电子邮件错误”）.html（'请输入有效电子邮件'）；
}
如果（$.trim（电话）=''）{
$（'电话'）.val（''）；
$（“#电话错误”）.css（'display'，'block'）；
$（'#电话错误'）.html（'请输入您的电话号码'）；
}如果（！phone.match（mobile_re））则为else{
$（“#电话错误”）.css（'display'，'block'）；
$（“#电话错误”）.html（'请输入有效的电话号码'）；
}否则{
$（“#电话错误”）.css（'display'，'none'）；
$（“#电话错误”）.html（“”）；
}

您可以执行以下操作：

HTML部分

你的剧本

var email=$（'#email'）.val（）；
var phone=$（'#phone'）.val（）；
var email{u re=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+）*）（\“+\”）@（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.+]124；（[a-zA 0-Z-0-9]+[a-2]/]；
var mobile_re=/^[0-9]{10}$/g；
如果（$.trim（电子邮件）=''）{
$（'#email'）.val（''）；
$（“#电子邮件错误”）.css（'display'，'block'）；
$（'#email error'）.html（'请输入您的电子邮件'）；
}如果（！email.match（email_re））则为else{
$（“#电子邮件错误”）.css（'display'，'block'）；
$（“#电子邮件错误”）.html（'请输入有效电子邮件'）；
}
如果（$.trim（电话）=''）{
$（'电话'）.val（''）；
$（“#电话错误”）.css（'display'，'block'）；
$（'#电话错误'）.html（'请输入您的电话号码'）；
}如果（！phone.match（mobile_re））则为else{
$（“#电话错误”）.css（'display'，'block'）；
$（“#电话错误”）.html（'请输入有效的电话号码'）；
}否则{
$（“#电话错误”）.css（'display'，'none'）；
$（“#电话错误”）.html（“”）；
}

当然，您可以自己编写验证部分，但也可以使用许多验证库中的一个

一种广泛使用的方法是。它很容易使用。只需包含

.js

和

.css

并向表单及其元素添加一些信息，如下所示（）：

---

当然，您可以自己编写验证部分，但也可以使用许多验证库中的一个

一种广泛使用的方法是。它很容易使用。只需包含

.js

和

.css

并向表单及其元素添加一些信息，如下所示（）：

使用HTML5验证使用模式属性，如使用HTML5验证使用模式属性，如高兴我能帮助你：）高兴我能帮助你：）

function phonenumber(inputtxt)
{
    var phoneno = /^\d{10}$/;
    if ((inputtxt.value.match(phoneno))
    {
        return true;
    }
    else
    {
        alert("message");
        return false;
    }
}

<div class="form_box">
    <div class="input_box">
        <input maxlength="64" type="text" placeholder="Email*" name="email" id="email" />
        <div id="email-error" class="error-box"></div>
    </div>
    <div class="clear"></div>
</div>

<div class="form_box">
    <div class="input_box ">
        <input maxlength="10" type="text" placeholder="Phone*" name="phone" id="phone" />
        <div id="phone-error" class="error-box"></div>
    </div>
    <div class="clear"></div>
</div>

var email = $('#email').val();
var phone = $('#phone').val();
var email_re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,3}))$/;
var mobile_re = /^[0-9]{10}$/g;

if ($.trim(email) == '') {
    $('#email').val('');
    $('#email-error').css('display', 'block');
    $('#email-error').html('Please enter your Email');
} else if (!email.match(email_re)) {
    $('#email-error').css('display', 'block');
    $('#email-error').html('Please enter valid Email');
}

if ($.trim(phone) == '') {
    $('#phone').val('');
    $('#phone-error').css('display', 'block');
    $('#phone-error').html('Please enter your Phone Number');
} else if (!phone.match(mobile_re)) {
    $('#phone-error').css('display', 'block');
    $('#phone-error').html('Please enter valid Phone Number');
} else {
    $('#phone-error').css('display', 'none');
    $('#phone-error').html('');
}

<script src="jquery.js"></script>
<script src="parsley.min.js"></script> 
<form data-parsley-validate>
    <input data-parsley-type="email" name="email"/>
</form>