Question

当我尝试提交未提交的表单时，我有一个简单的html表单。但是当我删除一个字段时提交。你能帮忙找原因吗？

    <form name="f2" id="f2" method="post" action="coaching-institute-registrationck.php" enctype="multipart/form-data">

        <div class="row">
            <div class="col-lg-6">

            <span class="error">*</span>    <input name="name" id="name" type="text" class="text-field-select-small4" placeholder="Contact Person" required>



            </div>

            <div class="col-lg-6">

            <span class="error">*</span>    <input name="business_name" id="business_name" type="text" class="text-field-select-small4" placeholder="Name of Business">



            </div>


        </div><br>
    </form>

当我删除它提交的第二个字段时，但是当我使用上面编写的代码时，该表单未提交。

Answer 1

在表单末尾添加一个提交按钮以触发表单操作

<input type="submit" name="login" value="Submit"/>

例如

 <form name="f2" id="f2" method="post" action="coaching-institute-registrationck.php" enctype="multipart/form-data">

    <div class="row">
        <div class="col-lg-5">

        <span class="error">*</span>    <input name="name" id="name" type="text" class="text-field-select-small4" placeholder="Contact Person" required>



        </div>

        <div class="col-lg-5">

        <span class="error">*</span>    <input name="business_name" id="business_name" type="text" class="text-field-select-small4" placeholder="Name of Business">



        </div>

        <div class="col-lg-2"><input type="submit" name="submit" value="Submit"/></div>
    </div><br>
</form>

Answer 2

当在文本框上按“输入”时，这似乎很容易提交表单：

document.getElementById("#name").addEventListener("keydown",function(e){
  if (!e) var e = window.event;
  e.preventDefault();
  if (e.keyCode == 13){
    document.getElementById("#f2").submit();
  }; 
}, false);

基本上，在第一个输入文本框上按Enter键时，我们将触发表单的提交功能。

要在第二个输入文本框上实现此功能，只需切换ID。

Answer 3

请参见HTML规范中的implicit submission：

如果表单没有“提交按钮”，则如果表单具有多个阻止隐式提交的字段，则隐式提交机制将不执行任何操作，否则必须从form元素本身提交表单元素。

由于您没有提交按钮，因此添加第二个文本输入将阻止隐式提交。

因此，您有两种选择：

添加一个提交按钮
添加JavaScript事件处理程序以侦听按键事件，并在Enter键触发事件时使用JS提交表单。

我强烈建议您使用前者，它更简单，更容易，并且提供了清晰的UI功能，告诉用户可以通过单击按钮来提交表单（并非所有用户都可以通过按Enter来提交表单）

html表单未提交其他文本字段

3 个答案: