图片按钮提交表单时遇到问题

魔术世界中文版 2012-11-22 08:23:09
现在在做用户的登录,提交按钮是图片的形式,按钮的位置在表单中,也就意味着我点击这张图片
会自动执行表单提交的操作。现在我需要给这个按钮绑定检查用户名和密码的格式这些事件,但是
点击提交之后就相当于两个事件冲突了

<form name="form1" method="post" action ="login_check.php">
<input type='image' name='login' src='Images/login.png' onclick='javascript:check();'/>";
<script type="text/javascript">
function check(){
var a=$('#username').val();
var b=$('#pwd').val();
if(a==""){
alert("请输入用户名!");
return false;
}
if(b==""){
alert("请输入密码!");
return false;
}
if(b.length<5||b.length>16){
alert("密码长度不符合要求!");
return false;
}else{
return true;
}
}
</script>

如果我把onclick='javascript:check();改为onclick='javascript:check();return false;
这样就阻止了验证过后提交表单的操作,也就意味着即使我的用户名正确也没办法提交
如果是onclick='javascript:check(); 那么如果用户名为空,虽然会弹出提示,仍然会提交表单
不知道大家有没有好的方法,能让用这个图片按钮绑定两个事件一个是检查用户名,另一个是提交表单,在用户名检查通过后再提交表单,不要让这两个事件同时进行
...全文
187 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
多谢,看来我试了半天都白费功夫了啊
scscms太阳光 2012-11-22
  • 打赏
  • 举报
回复
onclick="return check()" 即可

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧