避免輸入彈出窗口中的提交鍵

我正在使用Bootstrap Pop up。此彈出窗口從Main Form打開。避免輸入彈出窗口中的提交鍵

在這個彈出窗口中，我有TextBox & a Button。

<input class="form-control" type="text"> 
<input type="button" value="Search" onclick="searchEmployee()" />

當我打ENTER鍵時Pop up是開放的，Main Form得到submitted。主表單有一個提交按鈕。

如何避免submit表格彈出ENTER按鍵？

而相反，當pop up已關閉時，啓用ENTER鍵提交。

來源

2015-01-12 Anup

我需要防止用戶通過僅在打開彈出窗口時按下提交表單來提交表單。 – Anup

然後，您可以綁定小代碼，以防止只爲模式內的表單提交，使用選擇器如'''$（'。modal form'）''' –

Disabling the default behavior表單提交可以通過使用event.preventDefault();通過捕獲事件ENTER按鈕被點擊來實現。

還有其他的方法來簡單地禁用所有的提交取決於您希望如何具體是，最好的辦法是找出一個特定ID：

document.getElementById("submitButtonId").disabled = true;

但你也可以指定哪些提交按鈕將被禁用如果他們是通過課程標識的，或者您只是希望通過使用getElementByClass或getElementsByTagName來禁用所有類型的提交。

來源

2015-01-12 13:10:00 Jonast92

這個彈出窗口在很多地方都有使用，所以'id'每次都不一樣。 – Anup

@Anup如果提交按鈕有提供的類，則可以使用'getElementByClass'。如果假設它匹配某些特定類型的所有元素，即'submit'，則可以使用'getElementsByTagName'。 – Jonast92

$('#formid').on("keyup keypress", function(e) { 
    var code = e.keyCode || e.which; 
    if (code == 13) {    
    e.preventDefault(); 
    return false; 
    } 
});

來源

2015-01-12 13:12:46 Dhaval

避免輸入彈出窗口中的提交鍵

回答

相關問題