鍍金池/ 問(wèn)答/HTML5/ 出現(xiàn)的這種表單驗(yàn)證的提示怎么能去掉?

出現(xiàn)的這種表單驗(yàn)證的提示怎么能去掉?

我用的是angularjs1.3.20的版本,最近在學(xué)習(xí)表單驗(yàn)證這塊。
我發(fā)現(xiàn)當(dāng)我點(diǎn)擊提交按鈕的時(shí)候,如果用戶(hù)名為空的話(huà),會(huì)出現(xiàn)一個(gè)這樣的提示。

clipboard.png

我想知道為什么會(huì)出現(xiàn)這個(gè)樣子的提示,怎么才能去掉它,顯示出我自己寫(xiě)的提示呢?

代碼如下:請(qǐng)各位大神賜教

<form name="myForm" ng-controller="form" ng-submit="submit()">
    <div class="row">
        <pre>合法:{{ myForm.username.$valid }}</pre>
        <span>用戶(hù)名:</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">用戶(hù)名不能為空</div>
        <div class="error" ng-show="(myForm.username.$error.minlength || myForm.username.$error.maxlength) && myForm.username.$error.$touched">用戶(hù)名長(zhǎng)度不對(duì)!</div>
    </div>
    <div class="row">
        <span>密碼:</span>
        <input type="password" name="password" ng-model="userData.userPwd">
        <div class="error">錯(cuò)誤</div>
    </div>
    <div class="row">
        <span>確認(rèn)密碼:</span>
        <input type="password" name="password2" ng-model="userData.userPwd2">
        <div class="error">錯(cuò)誤</div>
    </div>
    <button class="btn">提交</button>
</form>
回答
編輯回答
久舊酒

required 去掉 html5帶的

2017年7月13日 01:20
編輯回答
大濕胸

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

2018年5月10日 06:41