Javascript AngularJS中无提交按钮的表单验证
我有一个简单的表单,需要验证。如果没有按钮(提交),我如何验证它Javascript AngularJS中无提交按钮的表单验证,javascript,angularjs,Javascript,Angularjs,我有一个简单的表单,需要验证。如果没有按钮(提交),我如何验证它 信息 姓名: 密码: 电邮: 出生日期: 默认情况下,只要数据发生更改(无论是来自模型还是基于用户直接输入),角度表单验证将自动触发,而不与表单提交绑定。您可以使用ng model options修改触发此操作的事件,如中所示 <input ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 }
信息
姓名:
密码:
电邮:
出生日期:
默认情况下,只要数据发生更改(无论是来自模型还是基于用户直接输入),角度表单验证将自动触发,而不与表单提交绑定。您可以使用ng model options
修改触发此操作的事件,如中所示
<input ng-model-options="{
updateOn: 'default blur',
debounce: { default: 500, blur: 0 }
}" ...>
我相信您也可以通过调用$validate()
以编程方式触发验证,但这很少是必需的
请参见默认情况下,只要数据发生更改(无论是来自模型还是基于用户直接输入),角度表单验证将自动触发,而不与表单提交绑定。您可以使用
ng model options
修改触发此操作的事件,如中所示
<input ng-model-options="{
updateOn: 'default blur',
debounce: { default: 500, blur: 0 }
}" ...>
我相信您也可以通过调用$validate()
以编程方式触发验证,但这很少是必需的
请参见您需要验证什么?通过?名称电子邮件?如果你不想使用按钮,你可以在上一本教科书的lostfocus事件上验证你的问题没有意义。在一些删除的评论中,您建议您尝试在没有提交按钮的情况下提交表单,但这不是您在问题正文中要求的。至于验证,您已经为这些输入上的
必需的连接了验证,但您没有描述您期望发生的情况。我的意思是,如果所有字段都已完成且有效,则表单将自动确认,而无需单击提交
按钮。类似于在最后一个字段中失去焦点后,您的意思是您希望表单在最后一个字段填写后自动提交?这不是验证的意思。(从UI的角度来看,这也不是一个好主意:用户不希望表单在没有警告的情况下提交自己)。您需要验证什么?通过?名称电子邮件?如果你不想使用按钮,你可以在上一本教科书的lostfocus事件上验证你的问题没有意义。在一些删除的评论中,您建议您尝试在没有提交按钮的情况下提交表单,但这不是您在问题正文中要求的。至于验证,您已经为这些输入上的必需的连接了验证,但您没有描述您期望发生的情况。我的意思是,如果所有字段都已完成且有效,则表单将自动确认,而无需单击提交
按钮。类似于在最后一个字段中失去焦点后,您的意思是您希望表单在最后一个字段填写后自动提交?这不是验证的意思。(从UI的角度来看,这也不是一个好主意:用户不希望表单在没有警告的情况下自行提交)。
app.directive('validatename', function() {
return {
require: 'ngModel',
link: function(scope, elm, attrs, ctrl) {
ctrl.$validators.validatename = function(modelValue, viewValue) {
if (ctrl.$isEmpty(modelValue)) {
return true;
}
if (viewValue === "Zuul") {
return true;
}
return false; // There is no Dana only Zuul
};
}
};
});