码迷,mamicode.com
首页 > Web开发 > 详细

JS控制submit表单提交前进行预览和confirm确认提交

时间:2014-08-29 16:26:28      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   for   cti   代码   html   sp   on   

  JS控制submit表单提交前进行预览和confirm确认提交。

我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交,很简单的代码,我就不说了,直接上代码了。 

<script type="text/jscript">
$(document).ready(function() {
	//alert($("input[name=‘xinjiu‘]:checked").val());
});
function comf(){
	var str="";
	$("input[type=‘checkbox‘]:checked").each(function(){
		str +=$(this).attr("val")+",";
	})
	if(!str){
		alert("亲,您没有选择吧");return false;
	}
	return confirm("您开始提交吗?"+str);
}
</script>
<form action="http://www.zizaiyou.cn" onsubmit="return comf()">
	<input val="aa" value="222" name="name1" type="checkbox">aa<br>
	<input val="bb" value="222" name="name2" type="checkbox">bb<br>
	<input type="submit" id="submit" value="提交" >
</form>

来源:http://www.jincon.com/archives/268/

JS控制submit表单提交前进行预览和confirm确认提交

标签:http   io   ar   for   cti   代码   html   sp   on   

原文地址:http://my.oschina.net/jincon/blog/308011

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!