javascript - 我必须单击按钮两次才能提交

Question

我面临远程验证问题。当我点击提交按钮而不关注文本框时，它会调用远程ajax进行验证，当我第二次按下提交按钮时，它将提交表单。 同一次点击将不起作用。如果我同时关注两个文本框并单击“提交”，那么它就可以正常工作。

$("#submit").click(function(e){

        if($('#add_sub_seva_form').valid())
        {

            if($("#hid_sub_head_id").val()==$("#hid_head_id").val()){
                $("#add_sub_seva_form .alert-danger").html("Head Name and Sub Head Name should not be same.");
                $("#add_sub_seva_form .alert-danger").show();
                $("#add_sub_seva_form .alert-danger").delay(3000).fadeOut(400);
                e.preventDefault();
                return false;
            }
            sub_length=$(".e_sub_head").length; 
            if(sub_length>0){
                for(var i=2;i<sub_length+2;i++){
                    if($("#hid_sub_head_id_"+i).val()=="")
                    {
                        $("#add_sub_seva_form .alert-danger").html("Please Enter Sub Head Name "+i);
                        $("#add_sub_seva_form .alert-danger").show();
                        $("#add_sub_seva_form .alert-danger").delay(3000).fadeOut(400);
//                        alert("Please Enter Sub Head Name "+i);
                        e.preventDefault();
                        return false;
                    }
                }
            }
            var msg=confirm('Are you Sure?');
            if(msg===true){
                $('#add_sub_seva_form').submit();
            }
            else{
                e.preventDefault();
            }
        }
        else{
            e.preventDefault();
        }

});

 $("#add_sub_seva_form").validate({

       rules:{
           seva_eng:{
               required:true,
               remote: {
                    url: "check-seva.php",
                    type: "post", data: {
                        hid_seva_eng: function() {
                            return $('#hid_seva_eng').val();
                        }
                    }
                }    
           },
           seva_guj:{
               required:true,
               remote: {
                    url: "check-seva.php",
                    type: "post", data: {
                        hid_seva_guj: function() {
                            return $('#hid_seva_guj').val();
                        }
                    }
                }
           },
           event_name:{
               required:true
           },
           head_id:{
               hid_head:true
           },
           sub_head_id:{
               hid_sub_head:true
           }
       },
       messages:{
           seva_eng:{
               required:'Please Enter Seva Name(Eng.)',
               remote:'Seva Name is already exist'
           },
           seva_guj:{
               required:'Please Enter Seva Name(Guj.)',
               remote:'Seva Name is already exist'
           },
           event_name:'Please Select Event Name'
       }
    });

Answer 1

我对窗口加载做了一些临时解决方案，我专注于文本框。

window.onload = function() {
    $('input[type="text"]').focus();  
};

这是一个棘手的解决方案。它不可靠。