读书人

jquery基础表单验证 错哪了

发布时间: 2012-11-19 10:18:51 作者: rapoo

jquery基础表单验证 哪里错了?
<script src="inc/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#loginbx").click(function(){
if(!$("#login_name").val)
{
$("#lresult").html="<font color=red>请输入用户名</font>";
$("#login_name").focus;
return false;
}
if(!$("#login_pass").val)
{
$("#lresult").html="<font color=red>请输入密码</font>";
$("#login_pass").focus;
return false;
}
return true;

});
});
</script>

HTML部分:



<form action="" method="post" name="loginform">
<tr>
<td style="background-image: url(images/loginx.jpg)" valign="top">
<table width="100%" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="100" colspan="2"> </td>
</tr>
<tr>
<td width="32%" height="30" align="right"> 用户名:</td>
<td width="68%"><input name="login_name" type="text" id="login_name" />
 </td>
</tr>
<tr>
<td height="30" align="right"> 密码:</td>
<td><input name="login_pass" type="text" id="login_pass" />
 </td>
</tr>
<tr>
<td height="30" align="right"> 密令:</td>
<td><input name="login_sx" type="text" id="login_sx" />
 </td>
</tr>
<tr>
<td height="30" align="right" valign="middle"> 验证码:</td>
<td valign="top"><input name="ckcodex" type="text" id="ckcodex" size="10" />
 <img src="imgcode.php" border="0" onclick="this.src='imgcode.php?nowtime=' + new Date().getTime()" title="看不清楚,点击刷新。"/><span id="lresult"></span></td>
</tr>
<tr>
<td height="80" align="right"> </td>
<td height="80" align="left" valign="top"> <img src="images/login_submit.jpg" id="loginbx" /> <img src="images/login_close.jpg" onclick="window.close()"/></td>
</tr>
</table>

</td>
</tr>
</form>


我初学这个 望高人指点 谢谢

[解决办法]
<script type="text/javascript">
$(document).ready(function(){
$("#loginbx").click(function(){
var loginname=$("#login_name").val().trim();
if(loginname=="")
{
$("#lresult").html="<font color=red>请输入用户名</font>";
$("#login_name").focus();
return false;
}
var password=$("#login_pass").val().trim();
if(password=="")
{
$("#lresult").html="<font color=red>请输入密码</font>";


$("#login_pass").focus;
return false;
}
return true;

});
});
</script>

[解决办法]
$("#login_pass").focus;
这是方法,不是属性。
$("#login_pass").focus();

[解决办法]
$("#lresult").html("<font color=red>请输入用户名</font>");
$("#lresult").html("<font color=red>请输入密码</font>");
[解决办法]
if(!$("#login_name").val)
改成 if(!$("#login_name").val())
!$("#login_pass").val
改成 if(!$("#login_pass").val())

读书人网 >JavaScript

热点推荐