Javascript 通过单击表单外部的按钮,使用required和angularjs验证输入字段

Javascript 通过单击表单外部的按钮,使用required和angularjs验证输入字段,javascript,forms,validation,angularjs,Javascript,Forms,Validation,Angularjs,当单击的按钮位于表单中时,将“必需”添加到输入字段将触发验证。但是,当单击表单外部的按钮时,如何触发验证 我在这里创建了一个plunker来演示这个问题: 如果未在输入字段中输入任何内容,并单击表单中的按钮,则执行验证。但是如果你点击表单外的按钮,什么也不会发生 单击表单外部的按钮时如何触发验证 谢谢 Thomas表单无效,如果检查表单元素,可以在表单元素上看到类ng invalid。只有单击表单中的“提交”按钮,才会触发本机HTML5验证。为表单命名,然后将其作为属性添加到$scope对象中。

当单击的按钮位于表单中时,将“必需”添加到输入字段将触发验证。但是,当单击表单外部的按钮时,如何触发验证

我在这里创建了一个plunker来演示这个问题:

如果未在输入字段中输入任何内容,并单击表单中的按钮,则执行验证。但是如果你点击表单外的按钮,什么也不会发生

单击表单外部的按钮时如何触发验证

谢谢


Thomas

表单无效,如果检查表单元素,可以在表单元素上看到类
ng invalid
。只有单击表单中的“提交”按钮,才会触发本机HTML5验证。

为表单命名,然后将其作为属性添加到$scope对象中。说我的表格

<form novalidate name="myForm">

谢谢它现在启动验证。如何使其显示验证消息?在原始的plunk中,单击表单内的按钮时会显示验证错误,但在更新的plunk中(基于您的答案),不会显示验证错误。
$scope.submit=function() {
    if(!$scope.myForm.$valid) {
        $scope.myForm.mytext.$dirty = true;
    }
};