Javascript 验证在引导数据模式下不起作用

验证不起作用。我正在使用引导模式显示用户输入表单，并且有一个确认按钮。我已提交了第一个表单，该表单同时调用验证和模式

<form class="form-phone" name="frm" method="post" enctype="multipart/form-data" id="add_name" action="">
    <input type="text" class="form-control" id="ex_model" name="ex_model" required>
    <input type="text" class="form-control" id="ex_serial" name="ex_serial" required>                              
    <button style="width:100% ; margin-top:15px; border-radius:0; font-weight:bold;" type="button"  id="subBtn" class="btn btn-success" data-toggle="modal" data-target="#myModal"  >GET OFFER</button>                   
</form>

得到报价

这是剧本

<script >   
   $(document).ready(function(){  
        $('#subBtn').click(function() {             
            $("#add_name").validate({
                rules: {
                    ex_model: {
                        required: true,
                        minlength: 8
                    },
                    ex_serial: "required"
                },
                messages: {
                    ex_model: {
                        required: "Please enter  modaldata",
                        minlength: "Your data must be at least 8 characters"
                    },      
                    ex_serial: "Please enter some data"
                }   
            });                 
        });   
    });
</script>    

$（文档）.ready（函数（）{
$（'#subBtn'）。单击（函数（）{
$（“#添加#名称”）。验证({
规则：{
ex_模型：{
要求：正确，
最小长度：8
},
ex_序列号：“必需”
},
信息：{
ex_模型：{
必填：“请输入modaldata”，
minlength:“您的数据必须至少包含8个字符”
},      
ex_序列：“请输入一些数据”
}   
});                 
});   
});

您不需要在提交按钮单击事件上验证此表单，而可以在

$（document）.ready（function（）{}）

本身上验证该表单

$（函数（）{
$（“#添加#名称”）。验证({
规则：{
ex_模型：{
要求：正确，
最小长度：8
},
ex_序列号：“必需”
},
信息：{
ex_模型：{
必填：“请输入modaldata”，
minlength:“您的数据必须至少包含8个字符”
},      
ex_序列：“请输入一些数据”
}
})
$（“#subBtn”）。在（“单击”，函数（）{
如果（$（“#添加#名称”）.valid（））{
//警惕（“成功”）；
$（#myModal”）.modal（“show”）；
}否则{
//警报（“未输入值”）；
//未输入值时要执行的任何操作
}
返回false；
});
})

得到报价
&时代；
模态头
模态中的一些文本

接近

是，您可以使用以下代码验证表单

$("subBtn").on('click', function() {
   $("#add_name").valid();
});

---

首先，我建议您将脚本放在so的底部。还要检查chrome或其他浏览器（用于检查所有脚本是否按正确顺序正确加载的浏览器）中的

控制台
。其次，我没有看到任何包含引导的内容，尽管可能是您没有将其添加到代码段中。感谢您的支持。但我需要使用type=“button”验证表单不提交。有可能吗？有什么关系？您的表格不会提交我用按钮更新我的代码，而不是提交。请立即检查