在移动设备上限制角度表单提交

Question

我有带角度验证的HTML表单，除非$valid表单状态为true，否则不应提交。

<form name="searchForm" action="/Search" method="get" novalidate>
    <input name="keywords" required type="search" ng-model="form.keywords">
    <button type="submit" ng-disabled="searchForm.$invalid">Go</button>
</form>

ng-disabled指令阻止为桌面或移动模拟器提交无效表单。但是，如果我在移动设备上使用屏幕键盘提交表单，我可以使用$invalid状态提交。如何用触摸设备键盘处理这种情况？

Answer 1

尝试使用ngSubmit指令来处理表单提交。角度方式是通过$ http或类似的方式触发对服务器的搜索请求，而不是页面重新加载。

您当前的设置是一个典型的html表单，它通过get in submission将数据发送到 / Search 端点。即使在桌面浏览器中输入内部输入时也会提交表单。