Jquery验证无法导入Galleria脚本

我正在建立一个基本的网站和一个Galleria图书馆，隐藏/显示和验证表单。当我加载Galleria脚本时，基本反馈表单上的验证失败

当我将Galleria脚本加载到页面中时，什么原因可能会阻止JQuery验证脚本运行？Galleria未加载时验证工作正常，但加载时验证失败。现场站点：以下是当前的导入和脚本：

<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>

Galleria.loadTheme（'Galleria/themes/seven/Galleria.leven.min.js'）；
Galleria.run（“#Galleria”{
fullscreenCrop:'假'，
自动播放：3000，
图像裁剪：对
});
$（文档）.ready（函数（）{
$（“#内容沙龙”）.hide（）；
$（'a#show_content_salon'）。单击（函数（）{
$（'content'u salon'）。滑动切换（'slideToggle'）；
返回false；
});
});
$（文档）.ready（函数（）{
$（'content_services'）.hide（）；
$（'a#显示_内容_服务'）。单击（功能（）{
$（'content'u services'）。幻灯片切换（'slow'）；
返回false；
});
});
$（文档）.ready（函数（）{
$（'content_contactus'）.ahow（）；
$（'a#显示内容_联系人'）。单击（函数（）{
$（'content'u contactus'）。滑动切换（'slow'）；
返回false；
});
});
$（文档）.ready（函数（）{
$（“#表格1”）。验证({
规则：
{
电子邮件1:“必需”，
电邮2：{
equalTo:“#email1”}，
电话：{
最小长度：10，
最大长度：10
},
全名：{
最小长度：2
},
},
消息：{
姓名：“请输入您的全名。”，
email1:“请输入有效的电子邮件。”，
电话：“电话号码必须为10个字符（包括区号）。”，
},
errorPlacement:函数（错误，元素）{
error.appendTo（element.parent（））；
}
});
});

我在你的页面上看到很多拼写错误

A根据您的操作，这些是您的

规则

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).",
},

在

messages

部分中，您为

name

定义了一条消息，但是表单中没有带有

name=“name”

的字段，也没有任何名为

name

的规则

您的验证代码正在运行：

旁注：如果您已经在

.validate（）

中指定了包含

必填项的复合规则，则没有理由在
输入
字段上设置
class=“require”
。这是多余的


页面上的第一个错误：

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

ahow
可能应该是
show

您需要解决此问题以及页面上的几十个其他JavaScript错误（似乎是由许多拼写错误引起的），然后才能期望任何剩余的JavaScript正常工作。
您查看过任何控制台错误吗？第一个是：“
$”（“#content_contactus”）.ahow
不是一个函数”~也许你的意思是
show
，而不是
ahow
？你还应该在OP中包含表单的相关HTML。谢谢。深入研究后，很明显，您的整个问题都是由各种拼写错误导致的JavaScript错误造成的。你需要让Galleria无错误地工作，然后才能期望任何JavaScript正常工作。伙计们，谢谢，我对这些东西比较在行，所以你的努力促使我编写更整洁的代码是非常棒的。我在玩show/hide，显然错把show当成show了。感谢其他提示-我将更新和测试。最好的，NickUpdate-将“ahow”改为“show”实际上解决了我原来的问题。我现在将解决其余问题：）
"$('#content_contactus').ahow is not a function"