如何禁用Submit按钮是get方法?

时间:2013-11-01 06:34:24

标签: javascript php jquery query-string

我想搜索狗,所以当我点击提交按钮时,网址看起来像http://localhost/myproject/search.php?q=dog&submit=我要禁用提交按钮,它会显示网址导航http://localhost/myproject/search.php?q=dog

我的代码 -

<form id="formSearch" name="formSearch" method="get" action="search.php">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
           <td width="67%" align="right" valign="top">                      
              <input type="text" name="search" id="search" class="search_text_box" placeholder="Search" autocomplete="off"/>
           </td>
           <td width="33%" align="left" valign="top">
              <input type="submit" name="submit" id="button" value="&nbsp;" style="cursor:pointer;" class="search_btn" />
           </td>
        </tr>
      </table>
</form>

请帮我解决如何在网址导航中停用提交按钮的问题?

如果有任何jquery或javascript代码,请在下面发布您的答案

搜索图片截图

enter image description here

5 个答案:

答案 0 :(得分:4)

不要为提交按钮指定名称属性。

答案 1 :(得分:2)

将名称属性移除到提交按钮

<form id="formSearch" name="formSearch" method="get" action="search/">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
           <td width="67%" align="right" valign="top">                      
              <input type="text" name="search" id="search" class="search_text_box" placeholder="Search" autocomplete="off"/>
           </td>
           <td width="33%" align="left" valign="top">
              <input type="submit" id="button" value="&nbsp;" style="cursor:pointer;" class="search_btn" />
           </td>
        </tr>
      </table>
</form>

答案 2 :(得分:2)

添加到quentin:

当你使用GET方法时,查询字符串通过&#39; name = value&#39;中的URL转到服务器form.so如果你不想在URL中显示提交而不是删除&#39; name&#39;提交的属性。 如果你不想通过URL发送你的查询字符串,你可以使用$ _POST方法。

答案 3 :(得分:1)

如果要使用输入类型提交名称自定义代码,可以使用javascript或jquery

代码:

window.location='/search.php?q='+qvariable;

否则删除input type = submit

中的name属性
<input type="submit" id="button" value="&nbsp;" style="cursor:pointer;" class="search_btn" />

答案 4 :(得分:0)

试试这个:

  • 您可以在表格标签OR
  • 中设置method =“post”
  • 从提交按钮中删除属性名称。