Javascript 通过java脚本数组进行表单验证，如果未验证，则发出警报_Javascript_Arrays

Javascript 通过java脚本数组进行表单验证，如果未验证，则发出警报

javascript arrays

Javascript 通过java脚本数组进行表单验证，如果未验证，则发出警报,javascript,arrays,Javascript,Arrays,由于我的编码经验糟糕透顶，我简直不知所措。我正在尝试验证收音机和表单验证要求的复选框。我需要至少1个复选框和1个收音机，如果没有，将弹出一个警报，并说明请至少选择1个复选框和1个收音机，表单在验证之前不得提交下面是我的do submut功能，不是我有3个，而是我不会发布整个html，除非它需要 function doSubmit() / { if (validateText()==false) { alert("Required data missing in Step 1"); } if

由于我的编码经验糟糕透顶，我简直不知所措。我正在尝试验证收音机和表单验证要求的复选框。我需要至少1个复选框和1个收音机，如果没有，将弹出一个警报，并说明请至少选择1个复选框和1个收音机，表单在验证之前不得提交

下面是我的do submut功能，不是我有3个，而是我不会发布整个html，除非它需要

function doSubmit() /

{
if (validateText()==false)
{
alert("Required data missing in Step 1");
}

if (validateRadio()==false)
{
alert("Required data missing in Step 2");
}

if(validateTops()==false)
{
alert("Required data missing in Step 3");
return;
}

我抱歉地尝试了一下，但被剩下的代码打断了。因为我不想发布整个html文件

function validateRadio()
{
var chks = document.getElementsByName('sizes');
var hasChecked = false;
for (var i = 0; i < chks.length; i++)
{
if (chks[i].checked)
{
hasChecked = true;
break;
}
}

if (hasChecked == false)
{
alert("Please select at a Pizza Size.");
return false;
}

return true;
}

function validateTops()
{
var chks = document.getElementsByName('toppings');
var hasChecked = false;
for (var i = 0; i < chks.length; i++)
{
if (chks[i].checked)
{
hasChecked = true;
break;
}
}

if (hasChecked == false)
{
alert("Please select at a Pizza Size.");
return false;
}

return true;
}

</ script>

</ head> 
<body>
<form Name ="PizzaForm">
<h1> The JavaScrpt Pizza Parlor</h>
<p>
<h4> Step 1: Enter your name, address, phone number, and email:</h4>
<font face="Courier New">
Name: &nbsp;&nbsp;&nbsp;<Input name="customer" size="50" type="text"><br>
Address:&nbsp;<Input name="address" size="50" type="text"><br>
City: &nbsp;&nbsp;&nbsp;<Input name="city" size="15"type="text">
State:<Input name="state" size="2"type="text"><br>
Zip:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<Input name="zip" size="5"type="text"> <br>
Phone: &nbsp;&nbsp;<Input name="phone" size="50"type="text"><br>
Email: &nbsp;&nbsp;<Input name="email" size="31"type="text"><br>
</ font>
</ p>
<p>
<h4> Step 2: Select the size of pizza you want:</h4>
<font face="Courier New">
<input name="sizes" type="radio" value="Small">Small
<input name="sizes" type="radio" value="Medium">Medium
<input name="sizes" type="radio" value="Large">Large
<input name="sizes" type="radio" value="Jumbo">Jumbo<br>    </ font>
</ p>
<p>
<h4> Step 3: Select the pizza toppings you want:</h4>
<font face="Courier New">
<input name="toppings" type="checkbox" value="Pepperoni">Pepperoni
<input name="toppings" type="checkbox" value="Canadian Bacon">Canadian Bacon
<input name="toppings" type="checkbox" value="Sausage">Sausage<br>
<input name="toppings" type="checkbox" value="Mushrooms">Mushrooms
<input name="toppings" type="checkbox" value="Pineapple">Pineapple
<input name="toppings" type="checkbox" value="Black Olives">Black Olives<br>
<input name="toppings" type="checkbox" value="Green Peppers">Green Peppers
<input name="toppings" type="checkbox" value="Extra Cheese">Extra Cheese
<input name="toppings" type="checkbox" value="Plain">Plain    </ font>
</ p>
<input type="button" value="Submit Order" onClick="doSubmit()">
<input type="button" value="Clear Entries" onClick="doClear()">
</ form>
</ body>
</ html>

函数validateRadio（）
{
var chks=document.getElementsByName（'size'）；
var hasChecked=false；
对于（变量i=0；i
地址：

城市：
状态：

邮政编码：

电话：

电子邮件：


第2步：选择您想要的比萨饼尺寸：
小的
中等的
大的
巨无霸


步骤3：选择您想要的比萨配料：
意大利 辣味 香肠
加拿大熏肉
香肠

蘑菇
菠萝
黑橄榄

青椒
额外的奶酪
平原

请注意，我正在寻找一个数组，该数组将在提交时验证表单，如果表单失败，则提交alet并停止提交。最后，所有收音机的名称都是Sizez，所有复选框的名称都是toppings

提前感谢

您可以将“必需”属性添加到收音机和复选框输入中

<input name="sizes" type="radio" required="required">

嗯，

大小

显然不是

标记名

。标记名类似于

input

，您需要的是

getElementsByName

。请尝试

var rads=document.getElementsByName（“大小”）；对于（var i=0；i第二次使用表单的onsubmit事件返回doSubmit（）

不确定如何执行表单的onsubmit事件返回doSubmit（））因为我的另一个版本没有。另外，如果没有选中任何内容，我如何获得警报。如果没有提交收音机或复选框，我需要这是带有警报的java脚本。此外，我编辑了代码