Question

我的网站使用联系表单7插件作为联系表单。

我添加了一个JQuery函数，它会在单击提交按钮之前聚焦第一个空字段。

我想要做的是当我点击提交按钮时所有字段都是空的，我想要的是在点击提交按钮后聚焦第一个空字段。

我应该使用什么JQuery功能？现在这是我的JS：

$( ".col-form3").find( "input:first").focus();

注意：在单击提交按钮之前，上面的jquery正在正确执行。

Answer 1

你会这样做：

HTML：

<input type="text" name="t1" value="">
<input type="text" name="t2" value="">
<input type="text" name="t3" value="">
<input type="button" name="button" id="button" value="button">

$(document).ready(function(){
    $("#button").on('click',function(){
      $("input:not(:checkbox,:button)").each(function(){       
      if(!$(this).val() ) {
        $(this).focus();
        return false;
          }
      });
    });
});

FIDDLE DEMO

Answer 2

以下代码应该适合您：

$(".wpcf7-submit").click(function(){
    $(".wpcf7-submit").ajaxComplete(function(){
        if($(".wpcf7-response-output").hasClass("wpcf7-validation-errors")){
            $(".wpcf7-form-control").each(function(){
                if($(this).val().length === 0){
                    $(this).focus();
                    return false;
                }
            });
        }
    });
});

如果您有任何疑问，请告诉我。

Answer 3

试试这个java脚本代码：

<script type="text/javascript">
jQuery(document).ready(function($){     
jQuery(".wpcf7-submit").ajaxComplete(function(){           
var check = jQuery( ".wpcf7-form").find( ".wpcf7-not-valid:eq( 0 )");
if(check)
{
check.focus();
}
});

});
</script>

联系表格7 Jquery

3 个答案: