小编Gur*_*rol的帖子

带模态,验证器和电子邮件的Bootstrap表单

我正在尝试使用bootstrap和bootstrap验证器创建一个html页面.

我想做的事情:当用户点击按钮时,会出现一个带有表单的模态.验证后,表单发送了一个包含字段值的电子邮件.正确发送邮件后,会出现其他模式,其中包含一些信息

我的问题:我的脚本与bootstrap验证器不起作用.当字段出错时,每次出现错误时都会发送表单.如果我完成所有字段,页面重新启动,没有任何工作.

拜托,你能帮我找到我的错吗?

我的HTML:

<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title></title>

<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrapValidator.js"></script>

<script language="JavaScript">
<!--vérif formulaire-->

        function verif() {
            $('#contact')
            .bootstrapValidator({
                live: 'disabled',
                message: 'Cette valeur est invalide',
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    e1: {
                        validators: {
                            notEmpty: {
                                message: 'Votre nom est obligatoire'
                            }
                        }
                    },
                    e2: {
                        validators: { …
Run Code Online (Sandbox Code Playgroud)

javascript php jquery twitter-bootstrap bootstrapvalidator

6
推荐指数
1
解决办法
1087
查看次数