Question

尝试使用jQuery。我有这种奇怪的情况，我希望了解。下面的脚本“有效”，只有问题不是我想要的方式。

目前正在加载页面。如果我点击其中一个输入字段并且没有输入任何内容，则选项卡到下一个字段（即按Tab键并转到下一个字段），不会触发验证。所以基本上我可以点击两个选项卡并单击提交按钮。这经历了（将被抓到服务器端，但有点失败的目的）。

如果我输入内容然后将其删除，则会触发验证，甚至可以正确显示消息。

我的问题：

如果我“退出”该字段，我如何获得验证，这意味着如果我点击内部或通过选项卡进入该字段，然后“离开/退出”该表单字段，验证应该被解雇。

在提交时获取验证的处理方法是什么？我是否必须放置一个onSubmit或者是否有一个事件处理程序有点用于验证（我相信这可以通过更强烈的谷歌搜索和api阅读来解决），但你会这么善良:)？

<style type="text/css">
  .style3 {font-size: 14px; font-weight: bold; color: #0099CC; }
  form{margin:0;}
.error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

<script type="text/javascript"> 
// jQuery validation
 $(document).ready(function() { 
    $("#advanceValidateform").validate(); 
}); 
</script> 


  <form id="advanceValidateform" name="advanceValidateform" style="margin:0"  action="">     
    <input type="text" id="advanceAmt1" name="advanceAmt1" class="required"  /> <br />
    <input type="text" id="advanceAmt2" name="advanceAmt2" class="required"  /> <br />
    <input type="text" id="advanceAmt3" name="advanceAmt3" class="required"  /> <br />
</form>

<table width="100%" class="hr-table">
    <tr height="1">
        <td colspan="4" align="center" >
            <form action="#" method="POST" >
                <input type="hidden" name="empno" value="9999" ></input>
                <input name="submit" type="submit" title="submit the form" value="  Submit and Print  "></input>
            </form>
        </td>
            </tr>
</table>

Answer 1

如果只是通过它进行选项卡，则不会触发.change（）事件。如果您想强制执行此操作，可以捕获.focus（）并使用.trigger（）来触发更改事件。

jQuery理解 - 在Tabbing上进行Fire验证？

1 个答案: