Javascript 如何在引导中添加电子邮件验证？

我正在我的网页中使用引导，并试图在该网页上创建一个表单。 我使用了标准的引导类来创建表单。我已经使用了验证来检查表单的空性。我只想在我的代码中进一步添加电子邮件和电话号码验证。 表单和已声明的验证脚本的代码如下所示：

函数validateText（id）{
if（$（“#“+id）.val（）==null | |$（“#“+id）.val（）==”）{
var div=$（“#”+id）；
div.removeClass（“已成功”）；
$（“#glypcn”+id）.remove（）；
div.addClass（“有错误有反馈”）；
第4节附加（“”）；
返回false；
}否则{
var div=$（“#”+id）；
div.removeClass（“有错误”）；
$（“#glypcn”+id）.remove（）；
div.addClass（“有成功有反馈”）；
第4节附加（“”）；
返回true；
}
}
$（文档）.ready（函数（）{
$（“#contactButton”）。单击（函数（）{
如果（！validateText（“contactName”））{
返回false；
}
如果（！validateText（“contactEmail”））{
返回false；
}
如果（！validateText（“contactMobile”））{
返回false；
}
如果（！validateText（“contactAddress1”））{
返回false；
}
如果（！validateText（“contactCity”））{
返回false；
}
$（“表单#联系人表单”）.submit（）；
}
);
});

名字*
电子邮件*
可移动的
数*
地址1*
地址2
城市*
库鲁克什特拉
佩霍瓦
卡纳尔

*标记字段
都是必修课！

我同意这个建议

提交

您应该使用注释中提到的正则表达式。
还提到了正则表达式

这是一个有效的例子。
您必须为此要求额外的插件。
试试这个：

<form id="emailForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-xs-3 control-label">Email address</label>
        <div class="col-xs-7">
            <input type="text" class="form-control" name="email" />
        </div>
    </div>
</form>

<script>
$(document).ready(function() {
    $('#emailForm').formValidation({
        framework: 'bootstrap',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            email: {
                validators: {
                    emailAddress: {
                        message: 'The value is not a valid email address'
                    }
                }
            }
        }
    });
});
</script>


电子邮件地址
$（文档）.ready（函数（）{
$（'#emailForm'）。formValidation({
框架：“bootstrap”，
图标：{
有效：“glyphicon glyphicon ok”，
无效：“glyphicon glyphicon删除”，
正在验证：“glyphicon glyphicon刷新”
},
字段：{
电邮：{
验证器：{
电子邮件地址：{
消息：“该值不是有效的电子邮件地址”
}
}
}
}
});
});
您可以在javascript中使用正则表达式对象RegExp，并使用方法test（）检查电子邮件或电话号码是否有效这不是现成的方法。。。它需要一个第三方插件。。。显然，Atul没有使用额外的插件嗯，好吧。。。。所以你绝对肯定，你不在这里用这个？这不起作用-没有声明formValidation（）函数。感谢您真正的解决方案。请指导我验证手机号码，因为我在javascript方面有点欠缺。没问题。手机号码的验证取决于您想要接受的格式。这是一篇关于验证的帖子，基本上，这与另一个正则表达式是一样的。如本文所示，这是移动电话号码的正则表达式：^（[0}\+[0-9]{1,5}）？（[7-9][0-9]{9}）$我希望这对您有所帮助。此外，请告诉我如何禁用提交，直到按下上面程序中给出的复选框。这是另一个问题，可能也会帮助其他用户。因此，请为此创建一个新问题并引用此问题。我一看到问题就会帮助您（您也可以在评论中提及我，因此我收到一条消息）我已经达到了就stackoverflow提问的最大限度。如果您提供链接或您这边的任何可能的信息，这将对我有利。
<form id="emailForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-xs-3 control-label">Email address</label>
        <div class="col-xs-7">
            <input type="text" class="form-control" name="email" />
        </div>
    </div>
</form>

<script>
$(document).ready(function() {
    $('#emailForm').formValidation({
        framework: 'bootstrap',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            email: {
                validators: {
                    emailAddress: {
                        message: 'The value is not a valid email address'
                    }
                }
            }
        }
    });
});
</script>