Question

要将数据输入我的数据库，我创建了此表单。用户可以通过单击添加按钮输入数据添加信息输入到数据库中。我正在使用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

执行此操作的方法是，不使用＆＃39; required＆＃39;，而是使用事件处理程序，focus（）和alert（）重现此html5效果。 event.preventDefault（）阻止表单提交。检查一下：

＆＃13;

<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>

＆＃13;

根据表格的按钮需要输入

1 个答案: