用图片代替提交按钮

最新推荐文章于 2021-06-08 21:22:30 发布

j2ee_zhongqi

最新推荐文章于 2021-06-08 21:22:30 发布

阅读量200

点赞数

分类专栏： JavaScript/Html/JQuery 文章标签： Java JSP

本文链接：https://blog.csdn.net/j2ee_zhongqi/article/details/83806971

版权

JavaScript/Html/JQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

[b](1)用图片代替提交按钮submit和重置按钮reset，给图片加onclick事件[/b]


<script language="javascript">
function fsubmit(obj){
  obj.submit();
}
function freset(obj){
  obj.reset();
}
</script>
<form id="form1" name="form1" method="post" action="login.asp">
 姓名： <input type="text" name="textfield" />
 <img src="http://zhen.huixia.blog.163.com/blog/uploads/200707/30_145425_001.jpg" onClick="javascript:fsubmit(document.form1);">
 <img src="http://zhen.huixia.blog.163.com/blog/uploads/200707/30_145428_002.jpg" onClick="javascript:freset(document.form1);">
</form>

[b](2)用图片代替提交按钮submit,input image[/b]

function check(){
if(errMsg==""){
frm.action="action.jsp?";
frm.submit();
}
return false;
}

调用:
<input type="image" src="../images/btn_abc.jpg" alt="" onClick="return check();" />

注意:只在 onClick="return check();" 这个代码中多写了个return .当然验证后.出错要返回false才不会被提交.