HTML <input>必需的属性不起作用

Question

我放置在表的一行中的必填属性似乎根本不起作用。我尝试关闭和取消关闭输入标签，并将按钮类型更改为input type =“ submit”，但问题仍然存在。<tr>  <form action="">    <td><input type="text" id="itn" required/></td>    <td> <input type="text" id="prc" required/></td>    <td> <input type="text" id="dt" required/></td>    <td><input type="text" id="qn" required/></td>    <td><input type="text" id="am" required/></td>    <button type="button" onclick="add()" class="button button3">      ADD       </button></tr>当我在谷歌浏览器中执行代码时，如果我错过任何字段，浏览器将不会显示任何警报。

Answer 1

将表格放在表格中。这是一个基本示例和用法action。在add函数内部，您可以放置自定义验证器并使用ajax提交表单

function add() {

}

<form action="add()">

  <table>

    <tr>

      <td><input type="text" id="itn" required/></td>

      <td> <input type="text" id="prc" required/></td>

      <td> <input type="text" id="dt" required/></td>

      <td><input type="text" id="qn" required/></td>

      <td><input type="text" id="am" required/></td>

      <td><button type="submit" class="button button3">

      ADD

       </button></td>

    </tr>

  </table>

Answer 2

试试这个代码

<tr>

    <form action="">

        <td><input type="text" id="itn" required/></td>

        <td> <input type="text" id="prc" required/></td>

        <td> <input type="text" id="dt" required/></td>

        <td><input type="text" id="qn" required/></td>

        <td><input type="text" id="am" required/></td>

        <input type="submit" onclick="add()" class="button button3" value="ADD">

    </form>

</tr>