我可以使用哪些JavaScript函数来检查电子邮件和电话#是否有效,而无需使用jquery插件

What JavaScript functions exist that I can use to check that an email and phone # are valid without resorting to a jquery plugin?

本文关键字:有效 是否 插件 jquery JavaScript 可以使 函数 我可以 电子邮件 检查 电话      更新时间:2023-09-26

在表单上,我需要确保所有字段都已填写,并且电话号码和电子邮件地址有效。我尝试使用jQuery验证插件,但它改变了页面的外观。该插件还在一些意想不到的地方动态查找一些css文件。

我喜欢jQuery,但这个插件似乎太难满足我的需求了。

由于我所需要做的就是确保字段不为空,并且电话号码和电子邮件有效,您建议使用哪些javascript函数?我仍然会使用jQuery核心。

在服务器端,我们希望使用apachecommons PhoneNumberFormatter和电子邮件验证。

谢谢!

我认为您正在寻找JavaScript正则表达式,使用作为JavaScript标准部分的RegExp对象。您可以使用它来执行电子邮件地址和电话号码的基本检查。

例如

function emailIsValid(emailAddress) {
  var emailRegex = /'b[A-Z0-9._%+-]+@[A-Z0-9.-]+'.[A-Z]{2,4}'b/;
  return !!emailAddress.match(emailRegex);
}

上面的代码没有经过测试,但它应该会让你知道如何做到这一点。只需对电话号码再次执行相同的操作,然后执行类似的操作:

if (emailIsValid(emailAddressValue) && telephoneNumberIsValid(telephoneValue)) {
  //Submit form
} else {
  alert ("There are errors on the form, please correct and invalid data");
}

在这个jsfiddle中,您将找到我用来检查表单字段的JQueryless方法。它使用间隔函数定期检查所有表单字段。

每个人都专注于电子邮件和电话号码验证,但在检测空文本框方面需要帮助,甚至需要如何/何时调用电子邮件/电话验证代码:

<script type="text/javascript">
function validate()
{
    var curVal;
    for(var index = 1 ; index < 15 ; index++)
    {
        curVal = document.getElementById("textbox_"+index).value
        if(curVal == "")
        {
            alert("empty text box")
            return(false); //false will stop the form from submitting
        }
        if(index = 5)// email text box
        {
            //validate email
        }
    }
}
</script>
<type="input" id="textbox_1">
<type="submit" value="Submit" onClick="validate()">

这里有一个用于电子邮件

function checkemail()
{
    var str=email
    var filter=/^(['w-]+(?:'.['w-]+)*)@((?:['w-]+'.)*'w['w-]{0,66})'.([a-z]{2,6}(?:'.[a-z]  {2})?)$/i
    if (filter.test(str))
    testresults=true
     else
     {
       alert("Please input a valid email address!")
       testresults=false
     }