0

小さなフォームを準備する 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);

しかし、Enterキーを押すたびに、とにかくフォームが送信されます...

私は何を間違っていますか？

4

2 に答える 2

1

私はこのように解決しました（私のページにはチェックボックスがありません）：

$(document).bind('pageinit', function () {
                $('input,select').keypress(function(event) { return event.keyCode != 13; });
                });
于 2013-04-24T13:22:27.763 に答える
0

この解決策はあまり好きではありませんが、このようなことを試してみるべきだと思います。

function EnterPressed(event){
    if (event && event.keyCode === 13) {
       if (event.target.id === "form") {
           event.stopPropagation();
       }
    }
}
于 2013-04-19T22:40:29.817 に答える