onSubmit表单不通过HTML5验证器

Question

我正在尝试在提交并验证表单后运行javascript函数。当我使用onSubmit时，该函数无论如何运行。基本的HTML5验证器（例如REQUIRED标签）不运行。

当我删除onSubmit时，HTML5验证器工作正常，如果必填字段为空，则会显示一条消息。

我希望只有在成功提交后才能运行该功能，其中填写了必填字段。

这是我目前的代码：

<form id="form" method="POST" action="//api.cloudstitch.io/test/test/datasources/sheet" class="form" onSubmit="goPush()" >
  <div class="form-group">
    <label><b>First Name </b></label>
    <input name="FirstName" class="form-control">
  </div>
  <div class="form-group">
    <label><b>Last Name </b></label>
    <input name="LastName" class="form-control" required >
  </div>
  <div class="form-group">
    <input type="submit">Submit</input>
  </div>
</form>

有什么想法吗？

谢谢！

更新：

这是在onSubmit上运行的函数。

 <script>
var goPush = function(){parent.window.myhypedocument.showSceneNamed(‘mycard');};
    </script>

感谢您的帮助！