jquery - jQuery mobile：ajax 表单提交 + 禁用输入键提交表单

Question

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

这是我尝试过的：

$('#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();
       }
    }
}