在不使用jQuery的情況下提交表單並且輸入類型=「submit」

Question

我想在此條件下阻止提交表單：

1）沒有JQuery;

2）隨着輸入類型=「提交」（而不是類型=「按鈕」），因爲它是唯一的方法（我認爲）提交表格回車鍵

這裏是我的代碼：

<form name="form_ricerca" action="trova_hotels.htm" id="top_form_ricerca" method="post">   
    <fieldset style="margin: 10px;text-align: center;"> 
    <input id="top_ric_strutt" type="text" name="ricerca" size="40" 
    <input onclick="return top_controlla_ricerca();" > 
    </fieldset> 
</form> 

，這是功能：

function top_controlla_ricerca() { 
    var nome_codice = document.getElementById("top_ric_strutt").value; 
    SOME_CODE 
    if (SOME_CONDITIONS) { 
    document.getElementById("top_form_ricerca").submit(); 
    return true; 
    } else { 
    alert('MY_ALERT'); 
    return false; 
    } 
} 

Answer 1

1）的形式元件代替所述輸入元件上加的onsubmit聽者

<form onsubmit="return top_controlla_ricerca();" name="form_ricerca" action="trova_hotels.htm" id="top_form_ricerca" method="post">   
    <fieldset style="margin: 10px;text-align: center;"> 
    <input id="top_ric_strutt" type="text" name="ricerca" size="40" 
    <input type="text" /> 
    </fieldset> 
</form> 

2.）除去手動提交此函數內（提交處理程序）

function top_controlla_ricerca() { 
    var nome_codice = document.getElementById("top_ric_strutt").value; 
    SOME_CODE 
    if (SOME_CONDITIONS) { 
    //document.getElementById("top_form_ricerca").submit(); <-- Remove this line 
    return true; 
    } else { 
    alert('MY_ALERT'); 
    return false; 
    } 
}