-1
驗證登錄表單工作完美時，我獨立執行它......但是當它與滑塊代碼合併時，窗體只顯示，窗體驗證不工作.. 。請幫助我的人out..Here是我的代碼...（這是下登錄表單的下降）jquery驗證下拉登錄表格
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="iview.css" />
<link rel="stylesheet" href="style1.css" />
<link rel="stylesheet" href="login.css" />
<style type="text/css"></style>
<script src="jquery-1.8.3.js"></script>
<script src="loginbut/js/login.js"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#loginForm").validate({
rules: {
email: {
required: true
},
password: {
required: true
}
},
messages: {
email: {
required: "specify email"
},
password: {
required: "specify password"
}
}
});
// Login Form
$(function() {
var button = $('#loginButton');
var box = $('#loginBox');
var form = $('#loginForm');
button.removeAttr('href');
button.mouseup(function(login) {
box.toggle();
button.toggleClass('active');
});
form.mouseup(function() {
return false;
});
$(this).mouseup(function(login) {
if(!($(login.target).parent('#loginButton').length > 0)) {
button.removeClass('active');
box.hide();
}
});
});
});
</script>
</head>
<body>
<br/>
<br/>
<div id="bar">
<div id="container">
<!-- Login Starts Here -->
<div id="loginContainer">
<a href="#" id="loginButton"><span>Login</span><em></em></a>
<div style="clear:both"></div>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email" />
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password" />
</fieldset>
<input type="submit" id="login" value="Sign in" />
<label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
<!-- Login Ends Here -->
</div>
</div>
<div class="container">
<div id="iview">
<div data-iview:image="1.jpg" data-iview:transition="slice-top- fade,slice-right-fade">
<div class="iview-caption caption1" data-x="80" data-y="200">iView<sup>™</sup></div>
<div class="iview-caption" data-x="80" data-y="275" data-transition="wipeRight">The world's most awesome jQuery Image & Content Slider</div>
<div class="iview-caption" data-x="254" data-y="320" data-transition="wipeLeft"><i>Presented by <b>Hemn Chawroka</b></i></div>
</div>
<div data-iview:image="2.jpg" data-iview:transition="zigzag-top,strip-left-fade" data-iview:pausetime="3000">
<div class="iview-caption caption5" data-x="60" data-y="280" data-transition="wipeDown">Captions can be positioned and resized freely</div>
<div class="iview-caption caption6" data-x="300" data-y="350" data-transition="wipeUp"><a href="#">Example URL-link</a></div>
</div>
</div>
</div>
<script type="text/javascript" src="fullscreen.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#background-image").fullscreenBackground();
});
</script>
<script src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="raphael.js"></script>
<script type="text/javascript" src="easing.js"></script>
<script src="iview.js"></script>
<script>
$(document).ready(function(){
$('#iview').iView({
pauseTime: 7000,
directionNav: false,
controlNav: true,
tooltipY: -15
});
});
</script>
</body>
</html>
只是猜測，儘量去除包裝'$（函數（）{...}'您//登錄表單功能的一部分，或把它的文件外準備好了，它通常是一樣的東西 – dmi3y 2013-02-16 05:09:59
謝謝..嘗試已經......但它不起作用 – user1944933 2013-02-16 05:13:00
請解釋你的意思是「驗證不起作用」。我們應該如何知道你的意思是「滑塊代碼」？請不要讓我們猜猜你正在使用什麼插件，並構建一個jsFiddle演示。 – Sparky 2013-02-16 15:30:22