Laravel和Bootstrap -表单中没有任何动作仍在发送数据

Question

我正在开发一个由其他人创建的Laravel站点，其中一个页面上有一个表单，它没有任何操作或数据被发送到的任何明显位置，但它仍然将数据发送到后端。

下面的表单是在portal.blade.php上找到的--我在那里找不到任何类似于表单的内容：

如果我从“提交”按钮中删除“激励”和“提交”类，表单就会停止工作。

直播页面：http://amazingyou.bravissimo.com/about

<!-- Modal -->
<div class="inspiring modal fade" 
  id="myModal" 
  tabindex="-1" 
  role="dialog" 
  aria-labelledby="myModalLabel" 
  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" 
         class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="myModalLabel">Your Amazing Story</h4>
      </div>
      <div class="modal-body">
        <form>
          <p>
            <input class="name" placeholder="Your Name" value="">
          </p>
          <p>
            <input class="title" placeholder="Story Title" value="">
          </p>
          <p>
            <textarea class="story" 
              placeholder="Your Story (max. 150 words)"></textarea>
          </p>
        </form>
        <div class="results" style="display:none">
          Thank you for your Amazing Story
        </div>
        <div class="character-limit" style="display:none">
          Please limit your story to 150 words
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" 
          class="btn btn-default" 
          data-dismiss="modal">Close</button>
        <button 
          onClick="ga('send', 'event', 'amazing_story', 'click', 'submit_story');" 
          type="button" 
          class="btn btn-primary inspiring submit">Submit</button>
      </div>
    </div>
  </div>
</div>

Answer 1

您的表单似乎是由JavaScript提交的。查看此页面中包含的JavaScript源文件。如果您正在使用jQuery，请查找类似于

$('.inspiring').bind('click', function(e){ ... });

如果常规JavaScript查找

document.forms[0].onsubmit = function () { ... } );

在那里，他们可能正在执行ajax请求，或者设置操作并从那里提交表单。

按评论编辑

该表单由此javascript文件提交。

backbone.js

第2行表单的URL设置在这里。

InspiringStories = Backbone.Model.extend({
    urlRoot: '/inspiring-stories',
    defaults: {

    },
    initialize: function(){
    }
});

第17-19行设置单击事件。

events: {
    "click .inspiring.submit": "clicked"
},

第21行启动单击的函数。

当您点击model.save时，第78行提交表单，第21行和第78行之间的所有内容都是表单验证。

this.model.save([],{
    dataType:"text",
    success:function(response) {console.log(response)},
    error:function() {}
});

Answer 2

我在那里找不到任何类似形式的东西：

您不必使用Form::帮助器--标准的HTML很好用(但是如果出现错误，就会丢失一些整洁的特性，比如用提交的数据重新填充字段)。

没有任何操作或任何明显的位置，数据被发送到，但它仍然发送数据到后端。

没有属性的<form>标记默认为当前POST。我怀疑某些JavaScript捕捉到了对.submit按钮的单击，并导致表单标记被提交。