$(function(){.....})；在ie7中显示需要的对象错误，在chrome中不起作用
$(function(){.....})；在ie7中显示需要的对象错误，在chrome中不起作用
提问于 2013-04-26 19:34:46
我的代码可以在IE7中运行，但会出现object required错误，在chrome和firefox中不能运行。请帮帮我。下面是我的代码，IE7浏览器显示了从jquery函数开始的错误，但我可以继续。但是在chrome和safari中，提交按钮和Validate()函数不起作用。
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/ChunkFive_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1',{ textShadow: '1px 1px #fff'});
Cufon.replace('h2',{ textShadow: '1px 1px #fff'});
Cufon.replace('h3',{ textShadow: '1px 1px #000'});
Cufon.replace('.back');
</script>
<script type="text/javascript">
function validate(){
var Uname=document.getElementById("username")
if(Uname.value==""||Uname.value==null){
alert("Enter Your User Name")
Uname.focus()
return false
}
if(Uname.value.length<6){
alert("Min-6 characters for your UserName")
Uname.focus()
return false
}
var pass=document.getElementById("password")
if(pass.value==""||pass.value==null){
alert("Enter Your Password")
pass.focus()
return false
}
if(pass.value.length<6){
alert("Min-6 characters for your Password")
pass.focus()
return false
}
return true
}
</script>
</head>
<body>
<div class="wrapper">
<h1>User Management</h1>
<div class="content">
<div id="form_wrapper" class="form_wrapper">
<form class="login active" onSubmit="return validate() action="login.php" method="post">
<h3>Login</h3>
<div>
<label>Username:</label>
<input type="text" id="username"/>
<span class="error">enter ur email id</span>
</div>
<div>
<label>Password: </label>
<input type="password" id="password"/><a href="forgot_password.html" rel="forgot_password" class="forgot linkform">Forgot your password?</a>
</div>
<div class="bottom">
<input type="submit" value="Login"></input>
<div class="clear"></div>
</div>
</form>
<form class="forgot_password" onSubmit="return validate() action="forgotpassword.php" method="post">
<h3>Forgot Password</h3>
<div>
<label>Username</label>
<input type="text" />
<span class="error">enter ur email id</span>
</div>
<div class="bottom">
<input type="submit" value="Send reminder"></input>
<a href="index.php" rel="login" class="linkform">Suddenly remebered? Log in here</a>
<div class="clear"></div>
</div>
</form>
</div>
<div class="clear"></div>
</div>
</div>
<!-- The JavaScript -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
//the form wrapper (includes all forms)
var $form_wrapper = $('#form_wrapper'),
//the current form is the one with class active
$currentForm = $form_wrapper.children('form.active'),
//the change form links
$linkform = $form_wrapper.find('.linkform');
//get width and height of each form and store them for later
$form_wrapper.children('form').each(function(i){
var $theForm = $(this);
//solve the inline display none problem when using fadeIn fadeOut
if(!$theForm.hasClass('active'))
$theForm.hide();
$theForm.data({
width : $theForm.width(),
height : $theForm.height()
});
});
//set width and height of wrapper (same of current form)
setWrapperWidth();
/*
clicking a link (change form event) in the form
makes the current form hide.
The wrapper animates its width and height to the
width and height of the new current form.
After the animation, the new form is shown
*/
$linkform.bind('click',function(e){
var $link = $(this);
var target = $link.attr('rel');
$currentForm.fadeOut(400,function(){
//remove class active from current form
$currentForm.removeClass('active');
//new current form
$currentForm= $form_wrapper.children('form.'+target);
//animate the wrapper
$form_wrapper.stop()
.animate({
width : $currentForm.data('width') + 'px',
height : $currentForm.data('height') + 'px'
},500,function(){
//new form gets class active
$currentForm.addClass('active');
//show the new form
$currentForm.fadeIn(400);
});
});
e.preventDefault();
});
function setWrapperWidth(){
$form_wrapper.css({
width : $currentForm.data('width') + 'px',
height : $currentForm.data('height') + 'px'
});
}
$form_wrapper.find('input[type="submit"]')
.click(function(e){
e.preventDefault();
});
});
</script>
</body>回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-26 20:03:35
你的classs缺少右双引号。
<form class="login active" onSubmit="return validate()**"** action="login.php" method="post">这将修复您的问题并触发事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16235454
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号