时间戳

首页 > 解决方案 > 使用按钮类型提交但不用于提交表单

jquery - 使用按钮类型提交但不用于提交表单

问题描述

我真的需要一个按钮类型提交来进行自动完成工作。但我不想用它提交表单。有没有办法让按钮类型提交而不是提交表单？

这是我的html：

<form  class="ajax" action="ajax.php?{$my_admin_module}_do&action=new">
            <tr >
                <td > کلمات کلیدی: </td>
                <td ><input type="text"  id="keyword" name="keyword" class="form-control" autocomplete="on" />
                    <!--<input type="button" name="button_1" value="افزودن" class="btn btn-primary" id="add" style="margin: 10px"/>-->
                    <button type="submit" name="btn" id="add">add</button>
                </td>
            </tr>
             <tr >
                <td></td>
                <td><input type="submit" value="submit" /></td>
            </tr>
 </form>

杰查询：

<script>
$(document).ready(function(){
   $("#add").click(function(){
       var keyword=$("#keyword").val();
       $( ".keywords" ).append( "<input type='hidden' name='keywords[]' value='"+keyword+"'>"+keyword+"،" );
       $("#keyword").val("");
   });
});
</script>

标签： jqueryhtml

解决方案

使用“返回错误；” 防止表单提交。

<form  class="ajax" action="ajax.php?{$my_admin_module}_do&action=new">
            <tr >
                <td > کلمات کلیدی: </td>
                <td ><input type="text"  id="keyword" name="keyword" class="form-control" autocomplete="on" />
                    <!--<input type="button" name="button_1" value="افزودن" class="btn btn-primary" id="add" style="margin: 10px"/>-->
                    <button type="submit" name="btn" id="add" onclick="return false;">add</button>
                </td>
            </tr>
             <tr >
                <td></td>
                <td><input type="submit" value="submit" onclick="return false;"/></td>
            </tr>
 </form>

推荐阅读