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>

当我在Google chrome浏览器中执行代码时，如果我错过任何字段，浏览器将不会显示任何警报。

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>

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

2 个答案: