0

米国の郵便番号検証用の素敵な jquery スクリプトを見つけました : http://igorgladkov.com/resources/demos/jquery.validator/demos/zip_us_validation.html :) を参照してください。これをフォームで使用したいと思います。

 <form action="search-by-zip.php" method="POST"">
        <span>zip-code:<input type='text' name='zipcode' value='' size='8' maxlength='7' /></span>
        <span>Distance:
            <select id="radius" name="radius">
                <option value="5">5 miles</option>
                <option value="10">10 miles</option>
                <option selected="selected" value="25">25 miles</option>
                <option value="50">50 miles</option>
            </select>
        </span>
        <input type="submit" value="Find Head Shops" name="find">
    </form>

私はそれが可能でなければならないと思いますか？有効なメッセージを取得する代わりに、フォームを送信して同じページにリストされた結果を取得したいだけです。どうすればいいんだ。私はjavascriptにあまり慣れていません。

4

2 に答える 2

0

http://bassistance.de/jquery-plugins/jquery-plugin-validation/をご覧ください。jquery を使用し、使いやすく、カスタマイズし、適切なドキュメント、デモ、チュートリアルを使用しています...関連する js ファイルをロードするだけですそして電話する

 $('#yourFormId').validate();
于 2013-03-25T14:14:53.367 に答える
0

あなたはこれを作ることができます：

$('#zipcode').validator({
        format: 'zipUS',
        invalidEmpty: true,
        correct: function() {
            $('#validation_result').text('VALID');//Not needed
            $('form').submit();
        },
        error: function() {
            $('#validation_result').text('INVALID');
        }
    });

    $('#submit_button').click(function(e) {
        $('#zipcode').validator('validate');
    });

HTML を次のように変更します。

 <form action="search-by-zip.php" method="POST"">
        <span>zip-code:<input type='text' id='zipcode' name='zipcode' value='' size='8' maxlength='7' /></span><br />
        <span id="validation_result" class="result"></span><br />
        <span>Distance:
            <select id="radius" name="radius">
                <option value="5">5 miles</option>
                <option value="10">10 miles</option>
                <option selected="selected" value="25">25 miles</option>
                <option value="50">50 miles</option>
            </select>
        </span>
        <input type="button" id='submit_button' value="Find Head Shops" name="find">
    </form>

validation_resut スパンを追加し、送信ボタンを単純なボタンに変更し、テキスト入力にIDを追加します。

私はいくつかの小さなバグを修正し、それは動作します...ここでテスト

于 2013-03-25T14:16:45.677 に答える