日期:2014-05-16  浏览次数:20316 次

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">&nbsp;</td>
  </tr>
  <tr>
  <td width="32%" height="30" align="right">&nbsp;用户名:</td>
  <td width="68%"><input name="login_name" type="text" id="login_name" />
  &nbsp;</td>
  </tr>
  <tr>
  <td height="30" align="right">&nbsp;密码:</td>
  <td><input name="login_pass" type="text" id="login_pass" />
  &nbsp;</td>
  </tr>
  <tr>
  <td height="30" align="right">&nbsp;密令:</td>
  <td><input name="login_sx" type="text" id="login_sx" />
  &nbsp;</td>
  </tr>
  <tr>
  <td height="30" align="right" valign="middle">&nbsp;验证码:</td>
  <td valign="top"><input name="ckcodex" type="text" id="ckcodex" size="10" />
  &nbsp;<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">&nbsp;</td>
  <td height="80" align="left" valign="top">&nbsp;<img src="images/login_submit.jpg" id="loginbx" />&nbsp;<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=="")
 {