网页表单中，用图片替代提交按钮的同时进行客户端校验？

script有提交和校验，点击图片时就会直接提交而跳过校验。如何先校验再提交？这是代码：<scriptlanguage="javascript">functionfsub... script有提交和校验，点击图片时就会直接提交而跳过校验。如何先校验再提交？
这是代码：
<script language="javascript">
function fsubmit(obj){
obj.submit();
}
function Juge(theform){
if(theform.username.value=="")
{alert("请输入用户名!");
theform.username.focus(); return (false);}
if(theform.userpassword.value=="")
{alert("请输入密码!");
theform.userpassword.focus(); return (false);}
if(theform.userpassword2.value=="")
{alert("请验证密码!");
theform.userpassword2.focus(); return (false);}
if(theform.userpassword2.value!=theform.userpassword.value)
{alert("密码验证错误!");
theform.userpassword.focus(); return (false);}
if(theform.useremail.value=="")
{alert("请输入邮箱!");
theform.useremail.focus(); return (false);}
if(theform.useremail2.value=="")
{alert("请验证邮箱!");
theform.useremail2.focus(); return (false);}
if(theform.useremail2.value!=theform.useremail.value)
{alert("邮箱验证错误!");
theform.useremail.focus(); return (false);}
}
</script>
</head>
<body>
<form action="checkregist.jsp" method="post" name="registform" onsubmit="javascript:return Juge(this);">
<p>用户名<input name="username" type="text"></p>
<p>密码<input name="userpassword" type="password"></p>
<p>确认密码<input name="userpassword2" type="password"></p>
<p>邮箱<input name="useremail" type="text"></p>
<p>确认邮箱<input name="useremail2" type="text"></p>
<p><img src="images/OK.gif" style="cursor:hand;" onClick="javascript:fsubmit(document.registform);return Juge(this);"/></p>
</form>
</body>
1楼的我试了还是没行，改按钮背景图片时在dreamweaver里能显示，但是网页就没有了。
2楼的都没有submit了，怎么提交呢？
3楼的不错，我原来也想这么做，但是可能没写好出不来，看了你的行了。谢谢~ 展开

 我来答

3个回答

#合辑# 面试问优缺点怎么回答最加分？

匿名用户
2008-03-18

展开全部

1、把Juge()放在submit之前就可以了
2、建议一个方案：提一个建立用submit类型的button，并把image放在中间，就可以做到像普通form那样检验提交了。

已赞过 已踩过<

评论收起

焉德曜n6
2008-03-19 · TA获得超过212个赞

知道答主

回答量：236

采纳率：0%

帮助的人：203万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

百度网友8ce530f517d
推荐于2016-07-16 · TA获得超过601个赞

知道小有建树答主

回答量：232

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

LZ  不用那么麻烦，而且 像你那样写函数 好像不能触发onsubmit函数，所以不会验证。lz参考一下下面，绝对没问题
2个js函数 可以合并成1个  当不满足条件的时候 返回，满足条件了就 提交。这样  form 里   onsubmit函数也不需要了

lz可以改成这样

<script language="javascript"> 
function fsubmit(obj){ 
obj.submit(); 
} 
function Juge(theform){ 
if(theform.username.value=="") 
{alert("请输入用户名!"); 
theform.username.focus(); return (false);} 
if(theform.userpassword.value=="") 
{alert("请输入密码!"); 
theform.userpassword.focus(); return (false);} 
if(theform.userpassword2.value=="") 
{alert("请验证密码!"); 
theform.userpassword2.focus(); return (false);} 
if(theform.userpassword2.value!=theform.userpassword.value) 
{alert("密码验证错误!"); 
theform.userpassword.focus(); return (false);} 
if(theform.useremail.value=="") 
{alert("请输入邮箱!"); 
theform.useremail.focus(); return (false);} 
if(theform.useremail2.value=="") 
{alert("请验证邮箱!"); 
theform.useremail2.focus(); return (false);} 
if(theform.useremail2.value!=theform.useremail.value) 
{alert("邮箱验证错误!"); 
theform.useremail.focus(); return (false);} 

theform.submit(); 
} 
</script> 
</head> 
<body> 
<form action="checkregist.jsp" method="post" name="registform"> 
<p>用户名<input name="username" type="text"></p> 
<p>密码<input name="userpassword" type="password"></p> 
<p>确认密码<input name="userpassword2" type="password"></p> 
<p>邮箱<input name="useremail" type="text"></p> 
<p>确认邮箱<input name="useremail2" type="text"></p> 
<p><img src="images/OK.gif" style="cursor:hand;" onClick="javascript:Juge(document.all.registform);"/></p> 
</form> 
</body>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

网页表单中，用图片替代提交按钮的同时进行客户端校验？

其他类似问题

为你推荐：