表单验证不成功,什么原因
发布网友
发布时间：2022-04-20 01:04
共6个回答
热心网友
时间：2022-04-20 02:33
商品尺寸
<input name="SizeArr" id="SizeArr" type="radio" value="大" />大
<input name="SizeArr" id="SizeArr" type="radio" value="中" />中
<input name="SizeArr" id="SizeArr" type="radio" value="小" />小 <br />
商品颜色
<input name="color" id="color" type="radio" value="红" />红
<input name="color" id="color" type="radio" value="蓝" />蓝
<input name="color" id="color" type="radio" value="黑" />黑
<input type="submit" name="Submit" value="提交" onclick="return check();"/>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function check()
{
if(document.form.SizeArr[0].checked==false&&document.form.SizeArr[1].checked==false&&document.form.SizeArr[2].checked==false) {
alert("对不起，请选择商品尺寸！");
return false;
}
if(document.form.color[0].checked==false&&document.form.color[1].checked==false&&document.form.color[2].checked==false) {
alert("对不起，请选择商品颜色！");
return false;
}
}
</script>
如果确定了单选项，不用循环，直接判断。
给你讲讲原理，想这种多选或者复选的，名字一样，不管是用form直接得，还是用document得，返回的都是一个数组，这就要用[n]这一个一个取这个数组里的每一项，用楼上的循环去也行，直接写[n]取也行，各有各的好处。然后挨个用checked判断是不是选中，如果一个都没选中，那就return false 来阻止提交。接下来你多少明白了点吧。希望你能有所感悟。
热心网友
时间：2022-04-20 03:51
商品尺寸
<input name="SizeArr" id="SizeArr" type="radio" value="大" />大
<input name="SizeArr" id="SizeArr" type="radio" value="中" />中
<input name="SizeArr" id="SizeArr" type="radio" value="小" />小 <br />
商品颜色
<input name="color" id="color" type="radio" value="红" />红
<input name="color" id="color" type="radio" value="蓝" />蓝
<input name="color" id="color" type="radio" value="黑" />黑
<input type="button" name="Submit" value="按钮" onClick="Return check();"/>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function check()
{
if(checkspace(document.form.SizeArr.value)) {
document.form.SizeArr.focus();
alert("对不起，请选择商品尺寸！");
return false;
}
if(checkspace(document.form.color.value)) {
document.form.color.focus();
alert("对不起，请选择商品颜色！");
return false;
}
else{
form.submit();
return true;
}
}
//-->
</script>
热心网友
时间：2022-04-20 05:26
商品尺寸
<input name="SizeArr" id="SizeArr" type="radio" value="大" />大
<input name="SizeArr" id="SizeArr" type="radio" value="中" />中
<input name="SizeArr" id="SizeArr" type="radio" value="小" />小 <br />
商品颜色
<input name="color" id="color" type="radio" value="红" />红
<input name="color" id="color" type="radio" value="蓝" />蓝
<input name="color" id="color" type="radio" value="黑" />黑
<input type="submit" name="Submit" value="提交" onclick="return check();"/>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function check()
{
var radios = document.getElementsByName('SizeArr');
var sizeArr=false;
for(var i=0;i<radios.length;i++){
if(radios[i].checked){
sizeArr=true;
}
}
var colors = document.getElementsByName('SizeArr');
var color=false;
for(var i=0;i<colors.length;i++){
if(colors[i].checked){
colors=true;
}
}
if(!sizeArr) {
//document.form.SizeArr.focus();
alert("对不起，请选择商品尺寸！");
return false;
}
if(!color) {
//document.form.color.focus();
alert("对不起，请选择商品颜色！");
return false;
}
}
//-->
</script>
试试 效果如何
热心网友
时间：2022-04-20 07:17
商品尺寸
<input name="SizeArr" id="SizeArr" type="radio" value="大" />大
<input name="SizeArr" id="SizeArr" type="radio" value="中" />中
<input name="SizeArr" id="SizeArr" type="radio" value="小" />小 <br />
商品颜色
<input name="color" id="color" type="radio" value="红" />红
<input name="color" id="color" type="radio" value="蓝" />蓝
<input name="color" id="color" type="radio" value="黑" />黑
<input type="submit" name="Submit" value="提交" onclick="return check();"/>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function check()
{
if(document.form.SizeArr[0].checked==false&&document.form.SizeArr[1].checked==false&&document.form.SizeArr[2].checked==false) {
alert("对不起，请选择商品尺寸！");
return false;
}
if(document.form.color[0].checked==false&&document.form.color[1].checked==false&&document.form.color[2].checked==false) {
alert("对不起，请选择商品颜色！");
return false;
}
}
</script>
热心网友
时间：2022-04-20 09:25
热心网友
时间：2022-04-20 11:50
