对于，输入焦点下一个元素禁用js验证

Question

请检查以下js小提琴：

https://jsfiddle.net/Lfz567tw/

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

但是这个函数禁用了我的验证功能，在提交表单时，函数validate（）不起作用。

在提交表单时，我有什么办法可以解雇函数validate()吗？

Answer 1

有一个简单的例子可以向您展示如何在表单提交之前检查或调用您的验证功能

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

＆＃13;

＆＃13;

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

function validate() {

alert('Validating');

}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;