您好,登錄后才能下訂單哦!
這篇“php回車不提交表單和提交表單怎么實現(xiàn)”文章的知識點大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“php回車不提交表單和提交表單怎么實現(xiàn)”文章吧。
一、回車不提交表單
1.使用JavaScript實現(xiàn)
我們可以通過JavaScript來阻止表單在用戶按下回車鍵時自動提交到服務(wù)器。代碼如下:
<script>
document.onkeydown = function(event) {
var e = event ? event : (window.event ? window.event : null);
if (e.keyCode == 13 && e.target.tagName.toLowerCase() != 'textarea') {
//阻止表單提交
return false;
}
}
</script>
2.使用jQuery實現(xiàn)
另外,我們也可以使用jQuery中的preventDefault()方法來阻止表單提交。代碼如下:
<script>
$(document).on('keydown', function(event) {
if (event.keyCode == 13 && event.target.tagName.toLowerCase() != 'textarea') {
event.preventDefault();
}
});
</script>
二、回車提交表單
如果我們希望用戶在輸入完信息后,按下回車鍵能夠自動提交表單,我們可以通過兩種方式來實現(xiàn)。
1.使用JavaScript實現(xiàn)
我們可以通過監(jiān)聽文本框中回車鍵的事件,當(dāng)用戶按下回車鍵時觸發(fā)表單的提交事件,代碼如下:
<script>
function submitForm() {
document.formName.submit(); //提交表單
}
document.getElementById('input').onkeydown = function(event) {
var e = event ? event : (window.event ? window.event : null);
if (e.keyCode == 13) {
submitForm();
}
}
</script>
2.使用HTML5的form屬性
在HTML5中,我們可以使用form屬性來綁定輸入框到表單上,這樣用戶在輸入框內(nèi)按下回車鍵時,表單會自動提交。代碼如下:
<form action="submit.php" method="post">
<input type="text" id="input" name="input" form="myform" />
<button type="submit" form="myform">提交</button>
</form>
在這個例子中,輸入框的form屬性指向了表單ID,而提交按鈕的form屬性也指向了表單ID。這樣,在用戶按下回車鍵時,輸入框內(nèi)的內(nèi)容就會被提交到服務(wù)器。
以上就是關(guān)于“php回車不提交表單和提交表單怎么實現(xiàn)”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。