jQuery自動完成與提交動作

Question

我有一個具有一個輸入自動完成功能的表單，我只會向用戶選擇輸入中的一行發送操作。 我已經編寫了此代碼，但未提交工作。

<script type="text/javascript">
 $(document).ready(function(){
     $("#q").autocomplete({
    source: "tagSearch.php",
    minLength: 2,
    delay: 0,
    select: function(event, ui) { 
            $("#q").val(ui.item.label);

    $('#my-form').submit(function() {
        if($("#q").val() == "" || $("#q").val() == "no result" ){
           alert("Message Cannot be empty");
           return false;
        }
            return true;
    });

    }
  });                   
});     


<form id="my-form" action="search.php" method="GET">
    <input name="q" id="q" />
    <input type="submit" name="GO" value="GO" />        
</form>

Answer 1

您不是在選擇方法上調用submit ，而是將處理程序附加到表單上。 試試這個

$(document).ready(function(){
    $("#q").autocomplete({
        source: "tagSearch.php",
        minLength: 2,
        delay: 0,
        select: function(event, ui) { 
            $("#q").val(ui.item.label);
            $('#my-form').submit();
    });

    $('#my-form').submit(function() {
        if($("#q").val() == "" || $("#q").val() == "Nessun risultato" ){
           alert("Message Cannot be empty");
           return false;
        }
        return true;
    });
});   

我將提交處理程序移到了select方法之外。 現在，在select內部，只需調用Submit即可執行適當的處​​理程序

$('#my-form').submit();