求助：一个表单中有多个input，数量不确定，怎么验证不为空，一次性提交后，怎么获取到值？

xuhonggood1 2014-10-29 05:31:13

做一个简单的问卷调查系统，在用户答题页面页面遇到了难题，一个是怎么验证所有input不为空，input的数量不确定，包含text,checkbox,radio三种类型；另一个是提交后，怎么获取到每一个input的输入值？各位大神们，有什么好的方法吗？

...全文

1258 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

闪闪放光芒 2014-11-04

打赏
举报

引用 5 楼 xuhonggood1 的回复:

[quote=引用 1 楼 u010036886 的回复:] 你这个问卷调查我也做过实际挺简单的你的input应该用到节点添加和删除要想判断input是不是被选中就用jQuery当中each方法遍历当变量input对象时你要用prop方法判断这个对象是text还是checkbox还是radio 然后取值就行了

大哥，有没有具体实例，对jQuery不是很熟悉；我尝试了用for循环获取input值，但是取到的值都是null;无法插入数据库[/quote] 我得确定一个问题就是你的调查问题是不是已经固定了不在添加了。如果调查问题已经固定那么就如4楼所说如果没有固定那么你的name值一定要有规律而且下标依次递增这样设计才方便遍历。我也不清楚你的调查问题是可以继续增加减少还是固定不变的。

闪闪放光芒 2014-11-04

打赏
举报

将name值设计好后就在动态程序里面循环取值就行了。下面这个是判断是否被选中希望对你有用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function check(){
	if(conn()==false){
		return false;
	}	
}
function conn(){
	var inputs=document.getElementsByTagName("input");
	for(var i=0 ; i<inputs.length ; ++i){
		if(inputs[i].type.toLowerCase()=='checkbox'){  //在这里进行input文本框类别判断剩下的input  radio自己写吧。复制整个if里面东西将checkbox改成radio或者text
			var mark = false;
			$("input[name='"+inputs[i].name+"']").each(function(){
				if($(this).prop("checked")){
					mark = true;
				}
			});
			if(!mark){
				alert("第 "+(inputs[i].name.replace(/[^\d]/g,''))+" 道题没有作答");
				return false;
				break;
			}
		}
	}
}
</script>
</head>
<body>
<pre>
<form onsubmit="return check()">
Q1、您的爱好<br>
<input type='checkbox' name='q1[]' value='好' />篮球
<input type='checkbox' name='q1[]' value='不好' />足球
<input type='checkbox' name='q1[]' value='其他' />羽毛球
Q2、您的性别<br>
<input type='radio' name='r2' value='是' />男
<input type='radio' name='r2' value='不是' />女

Q3、您的地址<br>
<input type='text' name='t3' >
</pre>
<input type="submit" value=" ok " />
</form>
</body>
</html>

xuhonggood1 2014-11-03