对于，请输入以关注下一个元素以禁用js验证

Question

请检查下面的js小提琴：

https://jsfiddle.net/Lfz567tw/

我创建了一个表单，当我输入该表单时，它将选择下一个输入，最后提交表单。

但是此函数禁用了我的验证功能，并且在提交表单时，函数validate（）无法正常工作。

提交表单时，还有什么方法可以触发功能validate() ？

Answer 1

有一个简单的示例向您展示如何在提交表单之前检查或调用您的validate函数

e.preventDefault ：用于防止默认功能

 $(function() { $("#entertonext").submit(function(e) { e.preventDefault(); // validate code (calling function) validate(); }); }); function validate() { alert('Validating'); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class="card-block" id="entertonext"> <form name="bank" action="#" method="post"> <div class="form-group row" > <label for="default-input" class="col-sm-2 form-control-label">Account No.</label> <div class="col-sm-10"> <input type="text" class="form-control entertonext" name="acc_no" id="acc_no" placeholder="Account No." tabindex="1" onblur="validate(this,event)"> <span id="msg8"></span> </div> </div> <div class="form-group row"> <label for="default-input-rounded" class="col-sm-2 form-control-label">Branch Name</label> <div class="col-sm-10"> <div class="input-group icon icon-lg icon-color-primary"> <input type="text" class="form-control entertonext" name="b_name" id="b_name" placeholder="Branch Name" tabindex="2"> </div> <span id="msg2"></span> </div> </div> <div class="form-group row" id="drawn" > <label for="default-input" class="col-sm-2 form-control-label">IFSC Code</label> <div class="col-sm-10"> <input type="text" class="form-control entertonext" name="ifsc_code" id="ifsc_code" placeholder="IFSC Code" tabindex="3"> <span id="msg5"></span> </div> </div> <div class="form-group row" id="deposited"> <label for="default-input" class="col-sm-2 form-control-label">Address</label> <div class="col-sm-10"> <textarea class="form-control entertonext" name="address" id="address" placeholder="Address" tabindex="4"></textarea> <span id="msg6"></span> </div> </div> <div class="form-group row" id="deposited"> <label for="default-input" class="col-sm-2 form-control-label">Bank Balance</label> <div class="col-sm-10"> <input type="text" class="form-control entertonext" name="balance" id="balance" placeholder="Bank Balance" tabindex="5"> <span id="msg6"></span> </div> </div> <div class="form-group row"> <div class="col-sm-10"> <button type="submit" class="btn btn-primary entertonext" tabindex="6">Submit</button> </div> </div> </form> </div>