停止提交按钮，不做文章，返回原页。

Question

<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>

当我点击do按钮时，我想让它启动doSomething，然后回到同一个地方，不要提交表单或更改页面。即使我把类型="按钮"，而不是提交，它重定向我离开我的模式。我不明白为什么？我从这个页面尝试了一些解决方案 我可以做一个<按钮>不提交表格吗？... 他们没有工作，不知何故

Answer 1

在我的项目中发生了一些完全不相关的事情，这是使问题。有一个方法，当我点击提交时，它会重定向到另一个页面。我只是改变了这个方法，现在它不发布，并返回到同一页面。这是我的项目所特有的。

Answer 2

你可以使用'preventDefault'事件来阻止按钮的提交，使用下面的内容供你参考。https:/www.w3schools.comjsrefevent_preventdefault.asp

Answer 3

我看到你使用的是Angular。 我在这个解决方案中使用了简单的JavaScript和HTML。 你可以修改你的代码，让你的代码返回适当的布尔值，或者如果你愿意的话，直接硬编码一个 "return false"。 关键元素是onclick子句：onclick="return doSomeThing();"

<script>
    function doSomeThing() {
        var shouldISubmit = false;
        return shouldISubmit;   // You can conditionally return true (submit) or false (do not submit)
    };
</script>

<form>
    <div class="col-xs-12 form-group">
        <button type="submit" onclick="return doSomeThing();">Do</button>
    </div>
</form>