Javascript 如何在使用jquery验证laravel中的表单时禁用按钮

我想禁用我的提交按钮，直到表单中的元素未填充

我使用的是Laravel 5.4

只有3个字段，其中一个是文本框，另一个是电子邮件，另一个是带有选项的选择字段。 这是我的表格

{{ Form::open(array('url' => 'student', 'id' => 'frmReg')) }}

<div class="form-group">
    <label>Name:</label>
    <input type="text" name="name" id="name" class="form-control">
    <div id="aName" style="color:red"></div>
</div>

<div class="form-group">
    <label>Email:</label>
    <input type="email" name="email" id="email" class="form-control">
    <div id="aEmail" style="color:red"></div>
</div>

<div class="form-group">
    <label id="gen">Gender:</label>
    <br>
    <select name="gender">
        <option value="Male">Male</option>
        <option value="Female">Female</option>
    </select>

</div>
<button class="btn btn-primary" id="sub">Create a student</button>
{{ Form::close() }}

这是我的jQuery脚本

<script>
var isValid=0;
    $(document).ready(function(){
       $("#frmReg").validate({
            rules: {
                name: {
                    required: true
                },
                email: {
                    required: true
                }
            },
            messages: {
                name: "Name is Empty",
                email: "Enter a valid Email ID..!"
            },
            submitHandler: function(form) { // <- pass 'form' argument in
                $("#sub").attr("disabled", true);
                form.submit(); // <- use 'form' argument here.
            }
        });
});
</script>

---

只需查看此代码并将其放置在提交表单的位置即可。不要使用document.ready函数

$(document).on('click','#youBtnIdHere',function(){
 $("#frmReg").validate({
            rules: {
                name: {
                    required: true
                },
                email: {
                    required: true
                }
            },
            messages: {
                name: "Name is Empty",
                email: "Enter a valid Email ID..!"
            },
            submitHandler: `enter code here`function() { 
                $("#sub").attr("disabled", true);
                 $("#frmReg").submit(); 
            }
        }); });`

或者你也可以这样设置你的blad代码

    {{ Form::open(array('url' => 'student', 'i`enter code here`d' => 'frmReg','onsubmit' => '$("#yourBtnId").prop("disabled",true)')) }}

---

希望这将帮助您使用$sub.propdisabled，trueadd type=submit to your按钮。从这本书中读到更多信息不。。仍然不工作的人@CarstenLøvboAndersentry检查您的控制台中是否有任何错误，或者在submitHandler中添加console.logtrigger@CarstenLøvboAndersen问题是它没有进入submitHandler，请按照正确的方式验证电子邮件，如电子邮件：{必需：true，电子邮件：true}