Javascript 新手：需要解释Js函数吗_Javascript_Html_Function_Confirmation

Javascript 新手：需要解释Js函数吗

javascript html function

Javascript 新手：需要解释Js函数吗,javascript,html,function,confirmation,Javascript,Html,Function,Confirmation,因此，我正在做一个与HTML和JavaScript相关的作业，我不需要事先了解这些脚本和编程语言。我被要求制作一个文档，解释HTML和JavaScript是如何生成一个条目表单的，以及JavaScript是如何进行验证检查的 <head> <title>Exam entry</title> <script language="javascript" type="text/javascript"> function validateFo

因此，我正在做一个与HTML和JavaScript相关的作业，我不需要事先了解这些脚本和编程语言。我被要求制作一个文档，解释HTML和JavaScript是如何生成一个条目表单的，以及JavaScript是如何进行验证检查的

<head>
  <title>Exam entry</title>
  <script language="javascript" type="text/javascript">

  function validateForm() {
    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(msg==""){
      return result;
    }
    {
      alert(msg)
      return result;
    }
  }

  </script>
</head>
<body>
  <h1>Exam Entry Form</h1>
  <form name="ExamEntry" method="post" action="success.html">
    <table width="50%" border="0">
      <tr>
        <td id="name">Name</td>
        <td><input type="text" name="name" /></td>
      <tr>
        <td id="subject">Subject</td>
        <td><input type="text" name="subject" /></td>
      </tr>
      <tr>
        <td id="examnumber">Examination Number</td>
        <td><input type="text" name="examnumber" /></td>
      </tr>
      <tr>
        <td><input type="radio" id="examtype" name="examtype" /> : GCSE<br />
        <td><input type="radio" id="examtype" name="examtype"  /> : A2<br />
        <td><input type="radio" id="examtype" name="examtype" /> : AS<br />
      </tr>
      <tr>
        <td><input type="submit" name="Submit" value="Submit" onclick="return validateForm();"          />  </td>
        <td><input type="reset" name="Reset" value="Reset" /></td>
    </tr>
    </table>
  </form>
</body>


报考
函数validateForm（）{
var结果=真；
var msg=“”；
if（document.ExamEntry.name.value==“”）{
msg+=“您必须输入您的姓名\n”；
document.ExamEntry.name.focus（）；
document.getElementById（'name'）.style.color=“红色”；
结果=假；
}
如果（msg==“”）{
返回结果；
}
{
警报（msg）
返回结果；
}
}
报考表
名称
主题
考试号码
：GCSE

：A2

：AS

有一项任务，我需要为不同级别的条目创建3个额外的单选按钮，然后我需要创建一个功能来进行确认检查，要求用户在选择特定级别条目后确认或取消选择。由于我之前没有任何编程知识（或者在作业过程中我学到了一点），我不知道如何创建函数。因此，我在谷歌上搜索了一下，发现了这个（顺便说一句，这是同一个作业），根据我从本页了解到的情况，我需要将单选按钮更改为：

<td><input type="radio" id="examtype" name="examtype" value="GCSE" /> : GCSE<br />
<td><input type="radio" id="examtype" name="examtype" value="A2" /> : A2<br />
<td><input type="radio" id="examtype" name="examtype" value="AS"/> : AS<br />

：GCSE

：A2

：AS

并实现如下功能：

function confirmation() {
  var checked = null;
  var inputs = document.getElementsByName('examtype');
  for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].checked) {
      checked = inputs[i];
      break;
    }
  }
  if(checked==null)
  {
    alert('Please choose an option');
    return false;
  } else {
    return confirm('You have chosen '+checked.value+' is this correct?');
  }

功能确认（）{
检查的var=null；
var inputs=document.getElementsByName（'examtype'）；
对于（变量i=0；i


很好，现在我已经完成了它所说的，现在有一个警报框弹出，并与用户确认单选按钮的选择，因此单击单选按钮将触发一个onclick事件，返回函数。现在我的问题是，该函数如何进行确认检查？
（如果我写得太多，我很抱歉，我以前的帖子被一些人搁置了，因为我没有足够清楚我应该说什么。）
只需添加结果&=confirmation（）；
在验证代码中。在两个if语句之间的某些位置。
您需要观察单击事件并确定是否允许该操作：
$(document).ready(function () {
    $('input[type="radio"]').on('click', function () {
        var r = confirm("Are you sure?");
        if (r == true) {
            $(this).prop('checked', true);
        } else {
            $(this).prop('checked', false);
        }
    });
});

格式化代码并创建一个提琴有很长的路要走。在使用JSFIDLE中的onClick
属性中的命名函数时，OP会遇到一个小小的障碍，默认设置不是这样设置的：只是一个提示：）当您建议使用像jQuery这样的库时，这个库在问题中没有提到通过OP，然后你应该告诉它和你正在使用的库。