對於，請輸入以關注下一個元素以禁用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>