av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

html - form 表單 用戶名提示和錯誤提示分開顯示?

瀏覽:138日期:2024-03-16 14:50:19

問題描述

點擊輸入框,顯示用戶名提示,點擊立即注冊按鈕,在輸入框下顯示錯誤提示

<form name='checkForm' ng-init='isEmpty=false;'> <p class='form-group'><label class='col-sm-3 control-label'>用 戶 名</label><p class='col-sm-8 account'> <input type='text' placeholder='您的賬戶名和登錄名'ng-model='account'name='account'required='required'ng-pattern='regularList.account'ng-blur='checkForm.account.$blured = false;'ng-focus='checkForm.account.$blured = true;'autocomplete='off'/> <span ng-class='{’right’:(checkForm.account.$error.pattern),’error’:checkForm.account.$valid}'></span></p><span ng-messages='isEmpty && checkForm.account.$blured && checkForm.account.$error' role='alert'> <span ng-message='required' style='color: #ff0000'>用戶名不能為空</span></span><span ng-messages='checkForm.account.$blured && checkForm.account.$error' role='alert'> <span ng-message='pattern'style='color: #ff0000'>用戶名為4-20位中文數字與英文字母組成!</span></span> </p> <p ng-if='checkForm.account.$blured==true'><p ng-show='checkForm.account.$blured'> <i></i> <span>!支持中文、字母、數字、“-”“_”的組合,4-20個字符</span></p> </p>

具體效果如下

html - form 表單 用戶名提示和錯誤提示分開顯示?

現在是輸入內容不希望顯示錯誤提示我現在的問題是,輸入相應的內容,會有錯誤的提示,效果見下html - form 表單 用戶名提示和錯誤提示分開顯示?

目的:輸入內容不提示錯誤,點擊立即注冊,如果不符合相應的規范,再提示錯誤。求指點,謝謝

問題解答

回答1:

也是醉了。。。<input type='text' placeholder='您的賬戶名和登錄名'

ng-model='account' ng-pattern='regularList.account'/>

<span ng-show='showAccountError' role='alert'>

<span style='color: #ff0000'>用戶名為4-20位中文數字與英文字母組成!</span>

</span>當用戶提交的時候,在controller中用正則判斷$scope.account是否合法,不合法的話,就讓$scope.showAccountError=true.在頁面初始化的時候給這個變量賦false。

標簽: HTML
相關文章:
主站蜘蛛池模板: 99在线播放 | 久久久99精品免费观看 | 日韩视频免费在线 | 成人免费视频网站在线观看 | 亚洲精品久久久一区二区三区 | 欧美视频日韩 | 久久国产精品精品 | 欧美黄色网络 | 婷婷色国产偷v国产偷v小说 | 国产伦精品一区二区三区四区视频 | 99精品一区二区三区 | 久久午夜国产精品www忘忧草 | 日本精品免费在线观看 | 亚洲日日 | 欧美一区二区在线 | 日韩二区 | 久久久久久国产免费视网址 | 久久噜噜噜精品国产亚洲综合 | 亚洲视频在线一区 | 久久亚洲欧美日韩精品专区 | 欧美日韩一区二区在线观看 | 黄色在线播放视频 | 97精品久久 | 天堂成人国产精品一区 | 日韩在线欧美 | 男人天堂av网 | 激情综合五月天 | 国产在线aa | 久久久久久毛片免费观看 | 日本网站免费在线观看 | 欧美国产亚洲一区二区 | 天天影视网天天综合色在线播放 | 日韩网站在线观看 | 久久国品片 | 国产欧美在线视频 | 久久亚洲国产精品 | 天天躁天天操 | 日本午夜视频 | 亚洲电影第三页 | 亚洲国产自产 | 一级黄色夫妻生活 |