根据表单按钮需要输入

Question

为了将数据输入我的数据库，我创建了这个表单。用户可以通过单击添加按钮将信息输入到数据库中来输入数据添加。我正在使用 required 强制用户输入文本。

现在我添加了编辑和删除按钮。因此，用户应 select 使用提供的单选按钮进行记录。但是对于输入元素中的required，只有输入文本才能进行编辑或删除。

是否有可能将 required 分配给某个按钮？

<form>
  <table>
    <tr>
    <td> 
      <input type="radio" name="aName" />
    </td>
      <td>a</td>
      <td>record</td>
    </tr>
     <td> 
      <input type="radio" name="aName" />
    </td>
      <td>another</td>
      <td>record</td>
    </tr>
    <tr>
      <td></td>
    <td>  
  <input type="text" placeholder="enter" required >
      </td>
      <td>
  <input type="text" placeholder="something" required>
        </td>
      </tr>



  </table>
    <input type="submit" value="add" formaction="form1.php" formmethod="post"/>

  <input type="submit" value="delete" formaction="form2.php" formmethod="post"/>

  <input type="submit" value="edit" formaction="form3.php" formmethod="post"/>
</form>

Answer 1

一种方法是不使用 'required'，而是使用事件处理程序 focus() 和 alert() 重现此 html5 效果。 event.preventDefault() 阻止表单提交。检查一下：

<form method="POST">
  <table>
    <tr>
    <td> 
      <input type="radio" name="aName" />
    </td>
      <td>a</td>
      <td>record</td>
    </tr>
     <td> 
      <input type="radio" name="aName" />
    </td>
      <td>another</td>
      <td>record</td>
    </tr>
    <tr>
      <td></td>
    <td>  
  <input id="enter"  type="text" placeholder="enter"  >
      </td>
      <td>
  <input id="something" type="text" placeholder="something" >
        </td>
      </tr>

  </table>
    <input id="add" formaction="form1.php" formmethod="post"
 onclick="
 if(document.getElementById('enter').value===''){
 event.preventDefault();
 document.getElementById('enter').focus();
 alert('Please,fill out this field');    
 } else if(document.getElementById('something').value===''){
 event.preventDefault();
 document.getElementById('something').focus();
 alert('Please,fill out this field');    
 }"
 type="submit" value="add"/>
  <input id="delete"  type="submit" formaction="form2.php" formmethod="post value="delete"/>
  <input  id="edit"  type="submit" formaction="form3.php" formmethod="post value="edit"/>
</form>

根据表单按钮需要输入

input required depending on button of form

html

php

forms

validation