当我放置ng-pattern时,我收到了这个错误。那是为什么?
CANCELLED
以及如何在无效模式时输入错误消息,是吗?
DONE
答案 0 :(得分:1)
您可以在此处使用简单的方法验证密码:
<强> HTML:强>
<form name="myForm" style="padding-top:30px; margin-left:30px">
<label for="password">Password</label>
<input type="password" id="password" name="password" ng-model="formData.password" ng-minlength="8" ng-maxlength="20" ng-pattern="/(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z])/" required />
<span ng-show="myForm.password.$error.required && myForm.password.$dirty">required</span>
<span ng-show="!myForm.password.$error.required && (myForm.password.$error.minlength || myForm.password.$error.maxlength) && myForm.password.$dirty">Passwords must be between 8 and 20 characters.</span>
<span ng-show="!myForm.password.$error.required && !myForm.password.$error.minlength && !myForm.password.$error.maxlength && myForm.password.$error.pattern && myForm.password.$dirty">Must contain one lower & uppercase letter, and one non-alpha character (a number or a symbol.)</span>
</br></br>
<button type="submit" class="btn" ng-disabled="!myForm.$valid">Submit</button>
</form>
以下是工作人员Plunk:http://plnkr.co/edit/f09GAGbSKAof3ORm8g5x