在Wordpress网站中，经常会使用FORM表单来提交信息，如何使用JS来验证FORM表单里的填写的邮箱和电话呢？可以使用以下的代码来实现。

首页在FORM标签里添加 onsubmit=”return checkForm();”  ，然后，给邮箱和电话二个字段分别添加 id=”emailInput” 和 id=”phoneInput”；

其次，在</form>标签下面添加<div id=”result2″></div>，用于显示错误信息；

最后，在最下面添加以下JS函数代码，这样就可以验证FORM表单里的邮箱和电话是否正确了。

<script type=”text/javascript”>
function checkForm(){
var email = $(‘#emailInput’).val();
var phone = $(‘#phoneInput’).val();
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var phonePattern = /^\d{11}$/; // 假设电话号码是10位数字，你可以根据需要调整正则表达式

if(!emailPattern.test(email)){
$(‘#result’).text(“Invalid Email”).css(‘color’, ‘red’);
return false; // 阻止表单提交
} else if(!phonePattern.test(phone)){
$(‘#result’).text(“Invalid Phone Number”).css(‘color’, ‘red’);
return false; // 阻止表单提交
} else {
return true;
}
};
</script>