- 爱易网页
-
JavaSript
- jquery基础表单验证 错哪了
日期:2014-05-16 浏览次数:20338 次
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=="")
{