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

我有radio button输入，text field输入和password field输入以及一个submit button。
我想发生的是，如果我单击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>

最佳答案

您可以尝试使用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>

关于javascript - 具有不同功能的提交按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58425009/