下拉式登录表单的jquery验证

当我独立执行时，带有验证的登录表单工作得很好…但是当它与滑块代码合并时，表单只会显示，表单的验证不起作用…请有人帮助我…这是我的代码…（这是一个下拉式登录表单）

$（文档）.ready（函数（）{
$（“#loginForm”）.validate({
规则：{
电邮：{
必填项：true
},
密码：{
必填项：true
}
},
信息：{
电邮：{
必需：“指定电子邮件”
},
密码：{
必需：“指定密码”
}
}
});
//登录表单
$（函数（）{
var按钮=$（“#登录按钮”）；
变量框=$（“#登录框”）；
变量形式=$（“#loginForm”）；
按钮。removeAttr（'href'）；
按钮。鼠标（功能（登录）{
box.toggle（）；
toggleClass（'active'）；
});
form.mouseup（函数（）{
返回false；
});
$（this）.mouseup（函数（登录）{
if（！（$（login.target）.parent（“#login按钮”）.length>0）{
按钮。removeClass（“活动”）；
box.hide（）；
}
});
});
});




电子邮件地址
密码
记得我吗
伊维尤与贸易；
世界上最棒的jQuery图像和内容滑块
由Hemn Chawroka介绍
标题可以自由定位和调整大小
$（文档）.ready（函数（）{
$（“#背景图像”）.fullscreenBackground（）；
});
$（文档）.ready（函数（）{
$（'#iview'）。iview({
暂停时间：7000，
方向导航：错误，
控制导航：是的，
工具说明：-15
});
});

您的表单验证正在使用您发布的代码

请提供更多关于“验证不起作用”的信息

您还第二次在页面底部附近包含了jQuery。如果这是您所说的添加的“滑动代码”的一部分，那么很可能是什么打破了一切。一次不应在页面上使用多个版本的jQuery。您已经在页面顶部（版本1.8.3）包含了jQuery一次，这对于页面下方的所有内容都是足够的

删除此行

<script src="jquery-1.7.1.min.js"></script>

猜猜看，试着删除//登录表单功能部分上的包装

$（function（）{…}

，或者将其移到文档准备就绪之外，它通常是相同的东西Tanks..已经尝试过..但是它不起作用解释你所说的“验证不起作用”。我们怎么知道你的意思“滑块代码”？请不要让我们猜测您正在使用什么插件，也不要让我们构造JSFIDLE演示。

<script src="jquery-1.7.1.min.js"></script>