我用的是angularjs1.3.20的版本,最近在学习表单验证这块。
我发现当我点击提交按钮的时候,如果用户名为空的话,会出现一个这样的提示。
我想知道为什么会出现这个样子的提示,怎么才能去掉它,显示出我自己写的提示呢?
代码如下:请各位大神赐教
<form name="myForm" ng-controller="form" ng-submit="submit()">
<div class="row">
<pre>合法:{{ myForm.username.$valid }}</pre>
<span>用户名:</span>
<input type="text" name="username" ng-model="userData.userName" required ng-minlength="4" ng-maxlength="6">
<div class="error" ng-show="myForm.username.$error.required && myForm.username.$error.$touched">用户名不能为空</div>
<div class="error" ng-show="(myForm.username.$error.minlength || myForm.username.$error.maxlength) && myForm.username.$error.$touched">用户名长度不对!</div>
</div>
<div class="row">
<span>密码:</span>
<input type="password" name="password" ng-model="userData.userPwd">
<div class="error">错误</div>
</div>
<div class="row">
<span>确认密码:</span>
<input type="password" name="password2" ng-model="userData.userPwd2">
<div class="error">错误</div>
</div>
<button class="btn">提交</button>
</form>
加上novalidate属性
<form xxx novalidate>
....
</form>