输入密钥仅发送一个表单

时间:2015-01-14 20:45:04

标签: html forms

我在不同的div中有两种形式。一个是搜索表单,另一个是登录表单。

这是我的问题:当我点击搜索栏时,输入内容并按Enter,表单提交。

但是当我输入登录信息并按回车键时,没有任何反应。

以下是HTML代码:

<div id="xxxx">
    <form action="xxxxx.php" method="get" name="xxxxx">
        <table>
            <tr>
                <td><input type="text" size="xxx" maxlength="xxxx" name="xxxx" id="xxxx"></td>
                <td><input type="button" value="Ara"></td>
            </tr>
        </table>
    </form>
</div>
<div id="xxxxxxx"><form name="xx" action="xxxxxx.php" method="post">
    <table>
        <tr>
            <td>Kullanıcı Adı:</td>
            <td><input type="text" name="xxxx" id="xxx" maxlength="xx" size="xx"></td>
            <td>Şifre:</td>
            <td><input type="password" name="xxxx" id="xxx" maxlength="xx" size="xx"></td>
            <td><input type="button" name="xxxx" id="xxx" value="Oturum Aç"></td>
        </tr>           
    </table>
</form></div>

不要介意xxx的

编辑:

我正在调用一个简单的JS函数来提交,因此我无法使用输入类型提交。

这是JS

 function tik()
{
//after a few controls
    document.forms["formName"].submit();
}

当然,不同形式的表单名称更改

3 个答案:

答案 0 :(得分:1)

我认为它应该与<input type="submit"/>一起使用,初始化onsubmit属性来调用tik()

<div id="xxxx">
  <form action="xxxxx.php" method="get" name="xxxxx" onsubmit="tik()">
    <table>
      <tr>
        <td>
          <input type="text" size="xxx" maxlength="xxxx" name="xxxx" id="xxxx">
        </td>
        <td>
          <input type="submit" value="Ara">
        </td>
      </tr>
    </table>
  </form>
</div>
<div id="xxxxxxx">
  <form name="xx" action="xxxxxx.php" method="post" onsubmit="tik()">
    <table>
      <tr>
        <td>Kullanıcı Adı:</td>
        <td><input type="text" name="xxxx" id="xxx" maxlength="xx" size="xx"></td>
        <td>Şifre:</td>
        <td><input type="password" name="xxxx" id="xxx" maxlength="xx" size="xx"></td>
        <td><input type="submit" name="xxxx" id="xxx" value="Oturum Aç"></td>
      </tr>           
    </table>
  </form>
</div>

答案 1 :(得分:1)

您只需将<input type="button" ../>更改为<input type="submit" .../>,一切正常

答案 2 :(得分:0)

修改 请务必使用<input type="submit">

此外:

确保两个按钮的ID不同。看起来在第一个按钮中没有ID集。

确保表单上的“xxx.php”操作不会混淆。

最后,确保您的表单名称不同(看起来每个名称值都给出了x的数量)。