Rails:每次单击带有按钮标记的任何元素时,都会提交ajax /远程表单

我昨天晚上才注意到它,从那以后一直在努力弄清楚它为什么这样做。我有一个响应js的ajax /远程表单。当我单击带有环绕的按钮标签的任何元素时,我的表单就会提交它。对这里发生的事情有任何想法吗?


一些代码:(当我使用jquery将鼠标悬停在某些单词上时,我会弹出一些按钮,但是在添加它们之前存在问题)

<%= semantic_form_for(@post, :html => {:multipart => true, class: "form-vertical"}, :remote => true) do |f| %>
<%= f.text_field :name %>
<%= f.text_area :description %> <!-- a li list of 4 horizontal buttons popup when hover -->

<button class="btn-save"> <!-- found out I didn't even need the input submit button -->
    <span>Save</span>
</button>
<% end %>

#posts controller
# GET /posts/1/edit
  def edit
    @post = Post.find(params[:id])
  end

  # PUT /posts/1
  # PUT /posts/1.json
  def update
    @post = Post.find(params[:id])

    respond_to do |format|
      if @post.update_attributes(post_params_update)
        flash.now[:notice] = "successfully updated!"
        format.html { redirect_to edit_post_path(@post), notice: 'successfully updated!' }
        format.json { render json: edit_post_path(@post), status: :created, location: @post }
        format.js 
      else
        format.html { render action: "edit" }
        format.json { render json: @post.errors, status: :unprocessable_entity }
        format.js
      end
    end
  end

我什至尝试删除所有其余的js文件。

布雷迪·霍尔特

如果您不希望在单击按钮时提交表单,则需要将type =“ button添加到按钮标记中。

<button type="button">...<button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Django-ajax-validation:单击带有ajax的指定按钮时验证表单字段

来自分类Dev

Rails远程表单引发SyntaxError:意外令牌:

来自分类Dev

远程提交Rails表单=> true-js文件呈现但不执行

来自分类Dev

Rails Turbolinks中断提交远程表单

来自分类Dev

单击表单提交按钮时触发远程引导程序模态,然后显示远程模态内容吗?

来自分类Dev

Rails动态表单远程真实控制器未响应

来自分类Dev

Rails:有条件的远程表单

来自分类Dev

Rails远程表单发送html而不是js

来自分类Dev

单击提交按钮时,无法使用jquery / AJAX提交表单

来自分类Dev

Rails:嵌套的远程表单不适用于页面加载

来自分类Dev

每次我使用AJAX提交表单时,空白字段都会显示为错误

来自分类Dev

单击带有表单操作的按钮时,停止链接转发

来自分类Dev

带有取消和提交按钮的Bootstrap模式弹出表单,无论单击哪个按钮提交表单

来自分类Dev

对iOS Xamarin表单执行远程构建时,Prism Navigation错误

来自分类Dev

在表单提交事件中防止.Net Core远程验证

来自分类Dev

远程提交Rails表单=> true-js文件呈现但不执行

来自分类Dev

发送POST数据并打开填充有Post数据的远程表单

来自分类Dev

当我将远程添加到Jquery验证表单提交时无效

来自分类Dev

rails表单多次提交,当turbolink gem处于活动状态时,远程:未处于活动状态

来自分类Dev

Ajax表单提交-单击更改HTML元素文本时

来自分类Dev

获取json ajax php表单以远程工作

来自分类Dev

仅当用户未登录Rails 4时才使用远程表单

来自分类Dev

每次我使用AJAX提交表单时,空白字段都会显示为错误

来自分类Dev

AJAX表单提交-每次单击提交i ++的次数

来自分类Dev

Rails远程表单使用“输入”提交多次

来自分类Dev

每次提交表单时都会触发 DOMContentLoaded

来自分类Dev

远程表单打开页面上的所有其他远程表单

来自分类Dev

提交按钮未提交表单,因为我有 2 个带有 ajax 请求的按钮

来自分类Dev

Rails 5 ajax 表单:单击 Ajax 中的 2 个单选按钮之一提交表单

Related 相关文章

  1. 1

    Django-ajax-validation:单击带有ajax的指定按钮时验证表单字段

  2. 2

    Rails远程表单引发SyntaxError:意外令牌:

  3. 3

    远程提交Rails表单=> true-js文件呈现但不执行

  4. 4

    Rails Turbolinks中断提交远程表单

  5. 5

    单击表单提交按钮时触发远程引导程序模态,然后显示远程模态内容吗?

  6. 6

    Rails动态表单远程真实控制器未响应

  7. 7

    Rails:有条件的远程表单

  8. 8

    Rails远程表单发送html而不是js

  9. 9

    单击提交按钮时,无法使用jquery / AJAX提交表单

  10. 10

    Rails:嵌套的远程表单不适用于页面加载

  11. 11

    每次我使用AJAX提交表单时,空白字段都会显示为错误

  12. 12

    单击带有表单操作的按钮时,停止链接转发

  13. 13

    带有取消和提交按钮的Bootstrap模式弹出表单,无论单击哪个按钮提交表单

  14. 14

    对iOS Xamarin表单执行远程构建时,Prism Navigation错误

  15. 15

    在表单提交事件中防止.Net Core远程验证

  16. 16

    远程提交Rails表单=> true-js文件呈现但不执行

  17. 17

    发送POST数据并打开填充有Post数据的远程表单

  18. 18

    当我将远程添加到Jquery验证表单提交时无效

  19. 19

    rails表单多次提交,当turbolink gem处于活动状态时,远程:未处于活动状态

  20. 20

    Ajax表单提交-单击更改HTML元素文本时

  21. 21

    获取json ajax php表单以远程工作

  22. 22

    仅当用户未登录Rails 4时才使用远程表单

  23. 23

    每次我使用AJAX提交表单时,空白字段都会显示为错误

  24. 24

    AJAX表单提交-每次单击提交i ++的次数

  25. 25

    Rails远程表单使用“输入”提交多次

  26. 26

    每次提交表单时都会触发 DOMContentLoaded

  27. 27

    远程表单打开页面上的所有其他远程表单

  28. 28

    提交按钮未提交表单,因为我有 2 个带有 ajax 请求的按钮

  29. 29

    Rails 5 ajax 表单:单击 Ajax 中的 2 个单选按钮之一提交表单

热门标签

归档