出现的这种表单验证的提示怎么能去掉?

我用的是angularjs1.3.20的版本,最近在学习表单验证这块。
我发现当我点击提交按钮的时候,如果用户名为空的话,会出现一个这样的提示。

clipboard.png

我想知道为什么会出现这个样子的提示,怎么才能去掉它,显示出我自己写的提示呢?

代码如下:请各位大神赐教

<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>
阅读 2.3k
2 个回答

加上novalidate属性
<form xxx novalidate>
....
</form>

required 去掉 html5带的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进