Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS中无提交按钮的表单验证_Javascript_Angularjs - Fatal编程技术网

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
      };
    }
  };
});