0

だから私はフォームを持っていて、特定のフィールドが空で無効な場合、フォームを送信せず、alert()修正するように伝えます。私が直面している問題は、フォームがリセットされ、ユーザーが追加したすべてのデータが消えることです。私のフォームは大きすぎるので、jQuery 関数だけを示します。

$('#microForm').live('submit', function(){
                if ($('#barcode').val() != '') {
                    insertForm();
                } else {
                    alert('Insert Barcode');
                    return false;
                }
});

<form id="microForm">

phonegapを使用してAndroidアプリでこれを試しています-フォームをローカルデータベーステーブル(つまりsqlite)に挿入します。

どんな助けでも大歓迎です。ありがとう。

4

2 に答える 2

1

これはうまくいくはずです。私があなたのために作った例を見てください：http://jsfiddle.net/Gajotres/bGdM6/

liveの代わりにonを使用する必要があります。

$('#microForm').on('submit', function(event){
    if ($('#barcode').val() != '') {
        alert('Submit');
    } else {         
        alert('Insert Barcode');
        return false;
    }
});

ライブとオンを切り替えて、どのように機能するかを確認してください。

于 2013-02-07T11:55:55.280 に答える
1

@Gajotres jsFiddle を少し調整しました。

フォームで送信を使用する代わりに、送信ボタンのクリック/タップ イベントを確認し、必要な値がすべて揃っている場合はフォームを送信できます。

JS:

$('#submit-btn').on('click', function(event) {
    if ($('#barcode').val() != '') {
        alert('Submit');
        $('#microForm').submit(); // <-- submit the form
    } else {
        alert('Insert Barcode');
        event.preventDefault();
        return false;
    }
});

HTML

<div data-role="page" id="index">
    <div data-theme="a" data-role="header">
        <h3>
            First Page
        </h3>
        <a href="#second" class="ui-btn-right">Next</a>
    </div>

    <div data-role="content">
        <form id="microForm">
            <input type="text" value="" id="barcode"/>
            <input type="submit" id="submit-btn" value="Submit"/>
        </form>
    </div>

    <div data-theme="a" data-role="footer" data-position="fixed">

    </div>
</div>
于 2013-02-07T14:08:08.320 に答える