Javascript 如何在“类型”上使用引导必需字段；按钮“；而不是屈服？

这是我的代码：

    <form>   
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope fa-10x"></i></span>
                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" required="required">     
            </div>
        <br/>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-key fa-10x"></i></span>
                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" required="required">    
            </div> 
        <br/>
        <button type="button" class="btn btn-default">Submit</button>
    </form>

提交

---

如果我更改

button type=“submit”

，则

required=“required”

正在工作，但我只想使用

button type=“button”

，因为我想使用

AJAX

提交表单。如何使用

按钮type=“button”

使用必填字段？

了解这个概念，

按钮不接受其中的任何用户值，因此您不能将
必填的
字段验证放在其上。相反，您可以在
电子邮件
，
密码
字段中输入
必需的
验证。单击按钮时，将检查这些字段是否具有某些值。如果没有，则显示错误

这可以通过使用
jquery验证来实现，如：

$("#form").validate({
        rules: {
            "name": {
                required: true,
                minlength: 5
            },
            "email": {
                required: true,
                email: true
            }
        },
        messages: {
            "name": {
                required: "Please, enter a name"
            },
            "email": {
                required: "Please, enter an email",
                email: "Email is invalid"
            }
        }
    });


为什么不尝试使用标准类型按钮“submit”并分配给表单“submit”处理程序的事件，其中首先调用
event.preventDefault（）
，以阻止表单发送，然后在提交表单时调用
AJAX
，我们可以检查验证。但是如果你想用
type='button'
然后请调用
javascript
函数检查验证。
例如：

$('#btn').on('click', function() {
   $("#form1").valid();
});

您不能对CallToAction字段/按钮进行验证。相反，您可以验证用户必须填写某些数据的输入字段

此外，也没有必要为
必填
字段分配
必填
值。您只需在此处编写
详细检查引导验证（版本3.2及更高版本）：
是，但我想在单击“按钮类型='button'”时验证字段，仅当按钮类型为“提交”时才进行验证。如何验证onClick？它是jquery验证器而不是引导验证器只是一件事，您可以编写
required
而不是
required=“required”
，因为它具有相同的效果