JQUERY:当两个字段更改其值时触发提交按钮

Question

当两个单独的字段更改其值(“onHide”)时，我需要向提交按钮发送点击。该代码与 2 个酒店预订日历相关。也许解决方案比我想象的更简单，但我确实是 jquery 的新手。基本脚本:

$("#checkIn").bind("onHide", function()  { 
    checkIn = $("#checkIn").val();

    $.post('file.php', {"checkIn": checkIn}, function() {
        // do something more
    });
});


$("#checkOut").bind("onHide", function()  {  
    checkOut = $("#checkOut").val();

    $.post('file.php', {"checkOut": checkOut}, function() {
        // do something more
    });     
});

...因此，下一步是(当两个字段都更改值时):

$("#submitButton").trigger('click'); 

函数(onHide)工作正常。顺便说一句:checkOut 取决于 checkIn，但并不重要。我只需要知道如何将点击发送到submitButton。请给一些建议？预先感谢您。

Answer 1

您可能最好直接提交表单，而不是尝试模拟单击按钮:

document.forms[0].submit();//this will submit the first form found on the page

或使用 JQuery's submit (感谢@akalucas):

$("#form").sumbit();

<小时/>

如果您需要在提交上做额外的工作，我建议将一个函数绑定(bind)到提交按钮的单击事件，然后在字段更改时调用该函数:

$("#submitButton").click(SubmitForm);

function SubmitForm(){
   //something else I might need to do like validation
   document.forms[0].submit();
}

function AnyOtherFuntion(){
   SubmitForm();
}

<小时/>

编辑:根据新信息，您可能需要这样的内容:

var checkInValue = "";
var checkOutValue = "";

$(document).onload(function(){
   checkInValue = $("#checkIn").val();
   checkOutValue = $("#checkOut").val();

   $("#checkIn").change(OnChange);
   $("#checkOut").change(OnChange);
});

function OnChange(){
   if(checkInValue != $("#checkIn").val() && checkOutValue != $("#checkOut").val()){
      SubmitForm();
   }
}

function SubmitForm(){
   document.forms[0].submit();
}