jquery表单验证中的错误消息

这是我在jquery中用于表单验证的代码，我在其中添加了警报类，当我单击提交而不输入值时，

alert

类将应用于每个字段，但在我的代码中，此

alert

类不用于电子邮件和密码验证

function validate() {
    var errorFlag = true;
    var userinput = $('#username').val();
    var mobilenumber=$('#mobnum').val();
    // var emailid=$('#mail').val();
    // var password=$('#pwd').val();
    var address1=$('#addr1').val();
    var address2=$('#addr2').val();

    var characterReg = /^([a-zA-Z]{2,30})$/;
    var numericReg=/^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/;
    // var emailReg=/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    // var passReg=/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$/;
    var addrReg = /^\s*[a-zA-Z0-9,\s]+\s*$/;

    var inputData = [{
        id : "username",
        regex : characterReg
    }, {
        id : "mobnum",
        regex : numericReg
    }, 
    // {
    //  id:"mail"
    //  regex: emailReg
    // },{
    //  id:"pwd"
    //  regex:passReg
    // },
    {
        id : "addr1",
        regex : addrReg
    }, {
        id : "addr2",
        regex : characterReg
    }];

    for(var index=0; index < inputData.length; index++) {

        var data = inputData[index];
        var regex = data.regex;
        if(!regex.test($('#' + data.id).val())) {
            errorFlag = false;
            $('#' + data.id).addClass('alert');
        } else {
            $('#' + data.id).removeClass('alert');
        }
    }
    return errorFlag;
}

函数验证（）{
var errorFlag=true；
var userinput=$（'#username'）.val（）；
var mobilenumber=$（'#mobnum'）.val（）；
//var emailid=$（'#mail'）.val（）；
//var password=$（'#pwd'）.val（）；
var address1=$（'#addr1'）.val（）；
var address2=$（'#addr2'）.val（）；
var characterReg=/^（[a-zA-Z]{2,30}）$/；
var numericReg=/^\d*[0-9]（|.\d*[0-9]|，\d*[0-9]）？$/；
//var emailReg=/^（[\w-\.]+@（[\w-]+\.）+[\w-]{2,4}）？$/；
//var passReg=/^（？=.*\d）（？=.[a-z]）（？=.[a-z]）（？！.[a-z]）（？！.*\s）。*$/；
var addrReg=/^\s*[a-zA-Z0-9\s]+\s*$/；
变量输入数据=[{
id:“用户名”，
正则表达式：characterReg
}, {
id:“mobnum”，
正则表达式：numericReg
}, 
// {
//id:“邮件”
//regex:emailReg
// },{
//id:“pwd”
//正则表达式：passReg
// },
{
id:“addr1”，
正则表达式：addrReg
}, {
id:“addr2”，
正则表达式：characterReg
}];
对于（变量索引=0；索引

---

有什么建议吗？

您的代码基本上有两个问题：

首先：您忘记在以下两个位置添加逗号：

{
  id:"mail"  <----------here
  regex: emailReg
},{
  id:"pwd" <----------here
  regex:passReg
}

为此：

var emailReg = /^([\w-\.]+@([\w-]+)+(\.[\w-]{2,4})?)$/;

代码：（1）

函数验证（）{
var errorFlag=true；
var userinput=$（'#username'）.val（）；
var mobilenumber=$（'#mobnum'）.val（）；
var emailid=$（'#mail'）.val（）；
var password=$（'#pwd'）.val（）；
var address1=$（'#addr1'）.val（）；
var address2=$（'#addr2'）.val（）；
var characterReg=/^（[a-zA-Z]{2,30}）$/；
var numericReg=/^\d*[0-9]（|.\d*[0-9]|，\d*[0-9]）？$/；
var emailReg=/^（[\w-\.]+@（[\w-]+）+（\[\w-]{2,4}）美元/；
var passReg=/^（？=.*\d）（？=.[a-z]）（？=.[a-z]）（？！.[a-z]）（？！.*\s）。*$/；
var addrReg=/^\s*[a-zA-Z0-9\s]+\s*$/；
变量输入数据=[{
id:“用户名”，
正则表达式：characterReg
}, {
id:“mobnum”，
正则表达式：numericReg
}, {
id:“邮件”，
regex:emailReg
}, {
id:“pwd”，
正则表达式：passReg
}, {
id:“addr1”，
正则表达式：addrReg
}, {
id:“addr2”，
正则表达式：characterReg
}];
对于（变量索引=0；索引
输入{
显示：块；
边缘底部：5px；
宽度：300px；
填充：10px；
}
.警惕{
边框：4px红色实心；
}

Go
是否检查控件是否实际到达该点？是的，但它在这一行中显示错误regex:EmailReg，这意味着生成错误的行旁边的代码没有被执行。@muhammad是的，明白了。。但是为什么我不能将警报框添加到电子邮件字段。。你说这是一个类，意味着你正在向字段添加一些样式，不是警报消息。
var emailReg = /^([\w-\.]+@([\w-]+)+(\.[\w-]{2,4})?)$/;