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

【问题标题】：For, enter to focus next element disables js validation对于，输入焦点下一个元素禁用 js 验证
【发布时间】：2017-09-18 11:49:18
【问题描述】：

请检查下面的js小提琴：

https://jsfiddle.net/Lfz567tw/

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

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

有什么方法可以在提交表单时触发函数validate()？

【问题讨论】：

您的函数已被调用。检查我对您的 jsfiddle 链接jsfiddle.net/Lfz567tw/20 的测试编辑，您应该只在表单标签或提交按钮上的一个地方检查它。不需要在两个地方都检查。
非常感谢@nikhil，你是有礼貌的。它实际上是在调用函数，只是我的id不同。
这真是一个愚蠢的错误......

标签： javascript php forms validation

【解决方案1】：

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

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>

【讨论】：