使用回车键提交，防止提交空文本

Submit using enter key and prevent submitting empty text

本文关键字：提交 文本 回车      更新时间：2023-09-26

我需要提交一个表单时，我按下回车键，但这段代码提交时，我还在输入我的消息。它应该允许我完成输入并按回车键提交，但如果文本是空白则不允许提交。

(function() {
    var age = document.getElementById('age');
    age.addEventListener('keypress', function(event) {
        if (event.keyCode == 13) {
            event.preventDefault();
            if (age.value > 20) {
                document.getElementById('post').click();
            } 
        }else {
                document.getElementById('post').click();
            }
    });
}());

并检查此添加多个键代码的shift + enter，让我继续我的消息。

var done = disabled;
if (event.keyCode == 13) document.getElementById('post').click();
else if(e.keyCode==16 && e.keyCode==13)document.getElementById('post').disabled == done;`

在if和else中提交，无论按什么键都提交表单。删除其他:

(function() {
    var age = document.getElementById('age');
    age.addEventListener('keypress', function(event) {
       if (event.keyCode == 13) {
            event.preventDefault();
            if (age.value > 20) {
                document.getElementById('post').click();
            } 
       }
    });
}());

您不应该运行document.getElementById('post').click();，除非击键是enter。您可以通过删除代码中的else语句来解决这个问题。

相关文章：