1

WordPress でカスタム フォームを検証するために jQuery 検証プラグインを実装しようとしていますが、検証が機能せず、エラーにもかかわらずフォームが送信されます。

これが私が正しくやったことです：

  1. 先頭にjQueryがちゃんと呼び出されています。
  2. 検証プラグインはフッターにあり、適切に呼び出されます。
  3. HTML フォーム要素はすべて問題なく、すべての「名前」値を 3 回チェックしました。

検証スクリプトは、問題があると思う場所です:

<script type="text/javascript">
    jQuery(document).ready(function($) {

        $('#wpcf7_298').validate({
            rules: {
                wordsno: {
                    required: true,
                    digits: true
                },

                dynamictext-419: {
                    required: true,
                    email: true
                },

                select-box: {
                    required: true,

                }
            },

            messages: {
                wordsno: "Please fill the field",
                dynamictext-419: "Please enter a valid email address.",
                select-box: "Please choose your order type."
            }
        })          

        $('#sbbutton').click(function() {
        $("#wpcf7_298").valid();});

        });

</script>
4

1 に答える 1

3

あなたkeyの検証方法が間違っています

jQuery(document).ready(function($) {

    $('#wpcf7_298').validate({
        rules: {
            wordsno: {
                required: true,
                digits: true
            },

            'dynamictext-419': {
                required: true,
                email: true
            },

            'select-box': {
                required: true,

            }
        },

        messages: {
            wordsno: "Please fill the field",
            'dynamictext-419': "Please enter a valid email address.",
            'select-box': "Please choose your order type."
        }
    })

オブジェクトでは、 のような英字以外の数値を持つキーは、-一重引用符または二重引用符で囲む必要があります。

于 2013-06-10T03:28:40.333 に答える