0

Galleriaライブラリ、非表示/表示、検証済みフォームを備えた基本的なサイトをまとめています。Galleriaスクリプトをロードすると、基本的なフィードバックフォームの検証が失敗します。

Galleriaスクリプトもページにロードすると、JQuery検証スクリプトの実行が停止する原因は何ですか？Galleriaがロードされていない場合、検証は正常に機能しますが、ロードされている場合は失敗します。こちらのライブサイト：http：//lucidnetdesigns.com/invidia/現在のインポートとスクリプトは次のとおりです。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.validate.js"></script>
<script type="text/javascript" src="galleria/galleria-1.2.7.min.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>

<script type="text/javascript">

   Galleria.loadTheme('galleria/themes/twelve/galleria.twelve.min.js');
    Galleria.run('#galleria', {
    fullscreenCrop: 'false',
    autoplay: 3000,
    imageCrop: true
});

            $(document).ready(function() {
                $('#content_salon').hide();

                $('a#show_content_salon').click(function () {
                    $('#content_salon').slideToggle('slow');
                    return false;
                });
            });

            $(document).ready(function () {
                $('#content_services').hide();

                $('a#show_content_services').click(function () {
                    $('#content_services').slideToggle('slow');
                    return false;
                });

            });

            $(document).ready(function () {
                $('#content_contactus').ahow();

                $('a#show_content_contactus').click(function () {
                    $('#content_contactus').slideToggle('slow');
                    return false;
                });
            });


$(document).ready(function(){
    $("#form1").validate({

    rules: 

    {

      email1: "required",
       email2: {
              equalTo: "#email1" },

      phone: {
        minlength: 10,
        maxlength: 10
      },

      fullname: {
        minlength: 2
      },


    },

    messages: { 

    name: "Please enter your full name.",
    email1: "Please enter a valid email.",
    phone: "Phone number must be 10 characters (include area code).",
    },

    errorPlacement: function(error, element) { 
            error.appendTo( element.parent() ); 
        }
  });

});
  </script>
4

1 に答える 1

1

あなたのページにたくさんのつづりの間違いがあります。

あなたのOPごとに、これらはあなたのrules...

rules:  {
      email1: "required",
      email2: {
          equalTo: "#email1" 
      },
      phone: {
          minlength: 10,
          maxlength: 10
      },
      fullname: {  // <-- no such field defined
          minlength: 2
      }
},
messages: { 
    name: "Please enter your full name.",  // <-- no such field or rule
    email1: "Please enter a valid email.",
    phone: "Phone number must be 10 characters (include area code).",
},

ただし、ページごとに、。と呼ばれるそのようなフィールドはありませんfullname。実際のHTMLは次のとおりです。

<input name="firstname" ....

そして、あなたのmessagesセクションでは、のメッセージを定義しましnameたが、フォームに、のフィールドはなく、 。name="name"と呼ばれるルールもありませんname。

検証コードが機能しています：http： //jsfiddle.net/zPQJb/

補足：を含む内に複合ルールをすでに指定している場合class="require"、フィールドに 含める理由はありません。冗長です。input.validate()required

ページの最初のエラー：

"$('#content_contactus').ahow is not a function"

ahowおそらくであるはずshowです。

残りのJavaScriptが正しく機能することを期待する前に、これとページ上の他の数十のJavaScriptエラー（多くのスペルミスが原因と思われる）を解決する必要があります。

于 2013-02-18T20:13:50.620 に答える