Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.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 通过确认的角度形式验证_Javascript_Angularjs - Fatal编程技术网

Javascript 通过确认的角度形式验证

Javascript 通过确认的角度形式验证,javascript,angularjs,Javascript,Angularjs,我正在尝试使用ngMessage和min/maxlength在angular中进行验证,因此场景是if min!=然后应禁用“提交”按钮。如果不匹配,按钮也应禁用;只有当所有内容都匹配且相等时,才允许提交表格 此外,由于最小/最大长度,ng show无法正常工作,即使密码匹配,它也不会消失 密码不匹配 密码太短(至少6个字符) 密码太长(最多12个字符) 确认密码 提交 请参阅更新的JSFIDLE,其中我添加了ng应用程序。并包括ngMessages JavaScript var app =

我正在尝试使用ngMessage和min/maxlength在angular中进行验证,因此场景是if min!=然后应禁用“提交”按钮。如果不匹配,按钮也应禁用;只有当所有内容都匹配且相等时,才允许提交表格

此外,由于最小/最大长度,ng show无法正常工作,即使密码匹配,它也不会消失


密码不匹配
密码太短(至少6个字符)

密码太长(最多12个字符)

确认密码 提交
请参阅更新的JSFIDLE,其中我添加了
ng应用程序
。并包括
ngMessages

JavaScript

var app = angular.module("MyApp", ["ngMessages"]);
HTML



您在哪里声明
ng app
?在html标记中,很抱歉忘记将其包含在fiddle中表单正在工作,只是工作不正常的条件。可以;是的,我知道它在工作,我没有说表格不工作。我的问题是如何正确验证submit按钮中的min/maxlength,而ng show无法正常工作。因为您的JSFIDLE与我的应用程序中的实际代码完全相同。“ng应用程序”不是问题!。我更改了提交按钮的
ng disabled
,请参阅更新的fiddle。您能描述一下您希望
ng show
的表现吗?如果不相等,则始终可见?当长度不在6和12之间时,
vm.registerForm.Password
似乎为
null
。所以我猜这就是造成匹配错误文本问题的原因。如果需要,还可以将
minlength
maxlength
添加到
ConfirmPassword
中。这样,只有当其中一个长度在6到12之间且不相等时才会显示。
var app = angular.module("MyApp", ["ngMessages"]);
<form ng-app="MyApp" action="" name="registerForm">