Question

我正在尝试学习一些jQuery Mobile准备一个小表单，我想禁用enter键来提交表单。

这是我试过的：

$('#form').submit(function(e) {
                    e.preventDefault(); // don't submit multiple times
                    this.submit(); // use the native submit method of the form element
                    $('#field').val(''); // blank the input
                });


// Validate and submit form

$("#page").live("pageinit", function () {
                $("#form").validate({
                        submitHandler: function(form) {
                                // do other stuff for a valid form
                                $.post('insert.php', $("#form").serialize(), function(data) {
                                        $('#results').html(data);

但是每次按回车，表格都会被提交......

我做错了什么？

Answer 1

我已经解决了这个问题（我的页面中没有复选框）：

$(document).bind('pageinit', function () {
                $('input,select').keypress(function(event) { return event.keyCode != 13; });
                });

Answer 2

我不太喜欢这个解决方案，但我认为你应该尝试这样的事情。

function EnterPressed(event){
    if (event && event.keyCode === 13) {
       if (event.target.id === "form") {
           event.stopPropagation();
       }
    }
}

jQuery mobile：ajax表单提交+禁用输入密钥提交表单

2 个答案: