JavaScript单选按钮html web表单_Javascript_Html_Forms_Validation

JavaScript单选按钮html web表单

javascript html forms validation

JavaScript单选按钮html web表单,javascript,html,forms,validation,Javascript,Html,Forms,Validation,我目前正在使用html编写“表单条目”。我还使用JavaScript验证来验证表单中的输入。目前，我有‘姓名’、‘受试者’和‘考试编号’，每一个都在工作，都有功能验证。对于“资格”字段，我有单选按钮，用户必须在其中单击选择其资格。我已经进行了验证，但不幸的是，当提交表单且“资格”为空时，我无法使字段以红色突出显示并显示错误消息。除了资格认证领域之外，一切都是有效的。如果有人能够修复“资格”的验证，这样当字段保留为emty时，文本将突出显示，错误消息将包含在内，这将是非常棒的。谢谢这是我的密码：

我目前正在使用html编写“表单条目”。我还使用JavaScript验证来验证表单中的输入。目前，我有‘姓名’、‘受试者’和‘考试编号’，每一个都在工作，都有功能验证。对于“资格”字段，我有单选按钮，用户必须在其中单击选择其资格。我已经进行了验证，但不幸的是，当提交表单且“资格”为空时，我无法使字段以红色突出显示并显示错误消息。除了资格认证领域之外，一切都是有效的。如果有人能够修复“资格”的验证，这样当字段保留为emty时，文本将突出显示，错误消息将包含在内，这将是非常棒的。谢谢

这是我的密码：

<html>
<head>

<title>Exam Entry</title>

<script language="javascript" type="text/javascript">
function qualinform(qualname) {
alert(qualname + " was selected as your qualification.");
}

function validateForm(e) {

var result = true;
var msg="";

if (document.ExamEntry.name.value=="") {
msg+="You must enter your name \n";
document.ExamEntry.name.focus();
document.getElementById('name').style.color="red";
result = false;
}

if (document.ExamEntry.subject.value=="") {
msg+="You must enter the subject \n";
document.ExamEntry.subject.focus();
document.getElementById('subject').style.color="red";
result = false;
}

if (document.ExamEntry.group1.value=="") {
msg+="You must choose a qualification\n";
document.ExamEntry.group1.focus();
document.getElementById('radioqual').style.color="red";
result = false;
}

var regex = /^\d{4}$/;
if (document.ExamEntry.Examination_number.value == "") {
msg+="You must enter your examination number";
document.getElementById('Examination_number').style.color="red";
result = false;
} else if (isNaN(document.ExamEntry.Examination_number.value)) {
msg+="Examination number should only contain digits";
document.getElementById('Examination_number').style.color="red";
result = false;
} else if (!regex.test(document.ExamEntry.Examination_number.value)) {
msg+="Examination number should contain exactly 4 digits";
document.getElementById('Examination_number').style.color="red";
result = false;
}

if (msg != "") {
alert(msg);
}

return result;
}
</script>



</head>

<body>
<h1>Exam Entry Form</h1>
<form name="ExamEntry" method="post" action="success.html" onsubmit="return     validateForm();">
<table width=”50%” border=”0”> 
<tr>
    <td id="name">Name</td>
    <td><input type="text" name="name" /></td>
</tr>
<tr>
    <td id="subject">Subject</td>
    <td><input type="text" name="subject" /></td>
</tr>
    <td id="Examination_number">Examination number</td>
    <td><input type="text" maxlength="4" name="Examination_number" /></td>
</tr>
<tr>
<td id="qualification">Choose your qualification</td>
<tr>
<td id="radioqual">
<input onclick="qualinform('GCSE');" type="radio" name="group1" value="GCSE">GCSE<br>
<input onclick="qualinform('AS');" type="radio" name="group1" value="AS">AS<br>
<input onclick="qualinform('A2');" type="radio" name="group1" value="A2">A2<br>
</td>
</tr>
<tr>
    <td><input type="submit" name="Submit" value="Submit" /></td>
    <td><input type="reset" name="Reset" value="Reset" /></td>
</tr>
</table>
</form>
</body>

</html>


报考
函数qualinfo（qualname）{
警报（qualname+“已被选为您的资格证书”）；
}
函数validateForm（e）{
var结果=真；
var msg=“”；
if（document.ExamEntry.name.value==“”）{
msg+=“您必须输入您的姓名\n”；
document.ExamEntry.name.focus（）；
document.getElementById（'name'）.style.color=“红色”；
结果=假；
}
if（document.ExamEntry.subject.value==“”）{
msg+=“您必须输入主题\n”；
document.ExamEntry.subject.focus（）；
document.getElementById（'subject'）.style.color=“red”；
结果=假；
}
if（document.ExamEntry.group1.value==“”）{
msg+=“您必须选择一个限定条件\n”；
document.ExamEntry.group1.focus（）；
document.getElementById（'radioqual'）.style.color=“红色”；
结果=假；
}
var regex=/^\d{4}$/；
如果（document.ExamEntry.examition\u number.value==“”）{
msg+=“您必须输入您的考试编号”；
document.getElementById（“检查编号”）.style.color=“红色”；
结果=假；
}else if（isNaN（文件、考试、考试编号、数值））{
msg+=“检查编号应仅包含数字”；
document.getElementById（“检查编号”）.style.color=“红色”；
结果=假；
}如果（！regex.test（document.ExamEntry.examition_number.value））{
msg+=“检查编号应正好包含4位数字”；
document.getElementById（“检查编号”）.style.color=“红色”；
结果=假；
}
如果（msg！=“”）{
警报（msg）；
}
返回结果；
}
报考表
名称
主题
考试号码
选择你的资格
GCSE

AS

A2

未选择“无”时，group1单选按钮的返回值未定义，而不是您预期的“”值，因此您需要更改if语句中的条件

if (document.ExamEntry.group1.value==undefined)