javascript - 具有不同功能的提交按钮

Question

我有 radio button 输入、text field 输入和 password field 输入以及一个 submit 按钮。 我想要发生的是，如果我单击 submit 按钮而不选择或输入这三个表单，窗口警报将显示“您需要填写(单选按钮、文本字段和密码字段) ”之类的。我该怎么做？

这是我的代码

<form>
  <input type="radio" name="optradio">Menu 1
  <input type="radio" name="optradio">Menu 2 <br>
  <input type="text"><br>
  <input type="password"><br>
  <input type="submit" value="Submit" onclick="alert('Hello! I am an alert box!')">
</form>

Answer 1

您可以尝试使用 required属性

<form>
  <input type="radio" name="optradio" required>Menu 1
  <input type="radio" name="optradio">Menu 2 <br>
  <input type="text" required><br>
  <input type="password" required><br>
  <input type="submit" value="Submit">
</form>