时间戳

首页 > 解决方案 > 停止提交按钮不发布并返回同一页面

javascript - 停止提交按钮不发布并返回同一页面

问题描述

<div>
  <div>
    <fieldset>
      <div style="min-height: 600px;">

           <div class="row">

    <div class="col-xs-12">
      <div class="form-group">
        <label class="control-label" for="Order">Order<span style="color:red !important;">*</span></label>
        <input class="form-control" name="Order" id="sortOrder" type="number" placeholder="Order" ng-model="vm.sortOrder" autocomplete="off" required/>
      </div>
    </div>
    <br>  <br>
  </div>




      <div class="row"></div>  
    <div class="row">
      <div class="col-xs-12 form-group">

        <md-button class="md-raised md-primary" type="button" ng-click="vm.doSomeThing()">Do</md-button>

      </div>  
    </div>

    </div>
    </fieldset>
  </div>
  </div>

当我单击执行按钮时。我希望它触发 doSomething 然后回到同一个地方，不要提交表单或更改页面。即使我输入 type =" button" 而不是 submit ，它也会将我重定向到我所在的模式之外。我不明白为什么？我从这个页面尝试了一些解决方案我可以让 <button> 不提交表单吗？...他们没有以某种方式工作

标签： javascriptangularjsbutton

解决方案

您可以使用“preventDefault”事件来阻止按钮提交。使用休耕供您参考。 https://www.w3schools.com/jsref/event_preventdefault.asp

推荐阅读