1

フォームの検証にjQuery検証プラグインを使用しています。（ルールとメッセージを使用して）必須フィールドを設定するときに正常に機能し、ユーザーがフォームを送信しようとしたときに入力されていない場合は強調表示されます。

ただし、別の要件があります。これは、jQuery検証プラグインを使用して実行できるかどうか疑問に思います。

下書き、レビュー用、公開済みの3つの値を持つドロップダウンフィールドがあります。デフォルト値はドラフトです。ユーザーがドロップダウン値を[公開済み]に変更すると、ポップアップアラートボックスがすぐに表示され、「これを公開してもよろしいですか？」と表示されます。[OK]または[キャンセル]のオプションがあります。

これはjQuery検証プラグインで可能ですか？もしそうなら、どのように？

助けてくれてありがとう、

Ste

4

1 に答える 1

1

jquery検証ルールでインタラクティブな確認は行いませんが、本当に必要な場合は可能です。その理由の1つは、フォームの検証の一環としてフォームを送信するとルールが実行され、2番目の確認ポップアップが表示されるためです。

それを試してみて、それがあなたのために働くかどうかを確認してください

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.10.0/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $.validator.addMethod("myConfirm", function (value) {
            confirm('are you sure?');
            return true;
        }, '');

        $(function () {
            $('form').validate({
                onfocusout: false,
                // warning - I don't recommend doing this
                rules: { mychoice: "myConfirm" }
            });
            $('select').change(function () {
                $('form').validate().form();
            });

        });
</script>
</head>
<body>
    <form>
    <select name="mychoice">
        <option>great</option>
        <option>good</option>
    </select>
    <input type="submit" />
    </form>
</body>
</html>
于 2012-11-09T20:36:53.557 に答える