JS如何通过img阻止form提交

问题描述

页面上有一个img,设置img的onclick=某个事件在JS中如何填写语句,使得点击img先判断时候能提交,并且alert出提示信息该如何实现?谢谢各位!!<inputname="ext_input"id="title"type="text"class="Input"style="margin-left:10px;"/><inputname="submit"type="image"src="../Resource/images/confirm.gif"onclick="return:confirmtext();"/>JS如下:functionconfirmtext(){if(document.getElementById("title").value==""){alert("Pleaseinputextentname!");returnfalse;}}这样写对吗?

解决方案

解决方案二:
return后面的冒号去掉<inputname="submit"type="image"src="../Resource/images/confirm.gif"onclick="returnconfirmtext();"/>
解决方案三:
1楼正解。最好在函数最后回个returntrue;
解决方案四:
还是不行,还能提交?高手指点。如果我这样写是错的,那应该怎么写?谢谢!
解决方案五:
<inputname="ext_input"id="title"type="text"class="Input"style="margin-left:10px;"/><inputname="submit"type="image"src="../Resource/images/confirm.gif"onclick="returnconfirmtext();"/><scriptlanguage="javascript">functionconfirmtext(){if(document.getElementById("title").value==""){alert("Pleaseinputextentname!");returnfalse;}document.forms[0].submit();}</script>

解决方案六:
按照楼上的写了,我这里居然还能提交,真没办法!

时间: 2024-08-01 00:30:50

JS如何通过img阻止form提交的相关文章

jquery.form.js实现将form提交转为ajax方式提交的方法

 这个框架集合form提交.验证.上传的功能.  这个框架必须和jquery完整版结合,否则使用min则无效. 原理:利用js进行对form进行组装成ajax的url和data,原理还是用ajax来提交,其实这完全可以自己写,但是有这个框架可能会更简单. 一.最简单例子: 第一步:引用js  1 2 3 4 <!--这里的min是自己用js压缩工具对完整版进行的压缩 并不是真正的min,所以好使--> <script type="text/javascript" sr

struts form 提交经过JS验证之后无响应

问题描述 提交之后经过页面的JS验证即使验证返回的是TRUE也不进入我打入断点的Action,Struts配置如下<action path="/program/login/userlogin" name="userloginForm" attribute="userloginForm" scope="request" parameter="method" type="com.bluebird

jquery.form.js实现将form提交转为ajax方式提交的方法_jquery

本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法.分享给大家供大家参考.具体分析如下: 这个框架集合form提交.验证.上传的功能. 这个框架必须和jquery完整版结合,否则使用min则无效. 原理:利用js进行对form进行组装成ajax的url和data,原理还是用ajax来提交,其实这完全可以自己写,但是有这个框架可能会更简单. 一.最简单例子: 第一步:引用js <!--这里的min是自己用js压缩工具对完整版进行的压缩 并不是真正的min,所以好

仅一个form表单 js实现注册信息依次填写提交功能_javascript技巧

我们原先是一个很长的form表单,里面有很多选项.客户反馈这样不够友好,容易看花眼.因此进行改进,实现多步骤进度,多个提交的实现(其实只有一个form提交). 实现的思路:将表单的选项装入多个div中,一个显示,其他隐藏. 实现效果如下: 1.JavaScript代码 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/j

JavaScript阻止回车提交表单的方法_javascript技巧

大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能.代码实例如下: 如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. <!DOCTYPE html&g

html-HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交?

问题描述 HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交? HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交? 解决方案 直接 onsubmit="return CheckForm()" function CheckForm() { var username = document.getElementById('username').value; if(username) return false; } JS的大体思路是

C# web 页面Form提交iframe加载同时进行,iframe无法加载

问题描述 C# web 页面Form提交iframe加载同时进行,iframe无法加载 由于页面处理时间长,我自己做了个进度条,就是一个静态也页面,ajax每秒请求一次看处理到 哪儿了. 这个静态页面在新窗口打开一切正常,但是放到处理页面用iframe打开无法加载 ,src的地址正常,用火狐浏览器重新为src赋值(值不变)就能正常显示,用js重新为src赋值也不行, 解决方案 解决方案二: 这是用火狐的ifrbug查看元素显示的 解决方案三: 关于Iframe无法加载的问题

struts2+juery的 form 提交 问题

问题描述 我在做strut2+juery的form提交的时候遇到这么一个问题:因为我也没有个form表单,所以我采用//form提交 $("#datafrom").submit(function(){ $(this).ajaxSubmit({beforeSubmit:function(){ choiceFirst(); //主产品赋值规格 var value = $("#choicezhu").val(); if($.trim(value) == "&qu

解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象

原文:解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象 之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的form,还有其他一些form插件也是一样的,使用不当就会遇到这个问题.   前台: <!DOCTYPE html> <html> <head> <meta http-equi