                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Angular
                        
                        /AngularJS表單驗(yàn)證

在一個(gè)頁(yè)面想要復(fù)用表單彈出窗，第一次是正常的，第二次打開(kāi)彈窗還沒(méi)輸入數(shù)據(jù)卻帶上了驗(yàn)證狀態(tài)，怎么去掉這個(gè)驗(yàn)證狀態(tài)

?<div id="compAdd" class="fade modal company-add popup" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">

? ? <div class="modal-dialog" role="document">

? ? ? <div class="modal-content">

? ? ? ? <div class="modal-header">

? ? ? ? ? <h4>公司信息</h4>

? ? ? ? ? <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

? ? ? ? </div>

? ? ? ? <div class="modal-body">

? ? ? ? ? ? <form name="compForm" novalidate ng-submit="saveComp()">

? ? ? ? ? ? ? <div class="popup-content" id="companypopupcontent">

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span class="companyspan"><i>*</i>公司名稱(chēng) ：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_compName" name="name" ng-model="name" ng-maxlength="50" ng-pattern="user_name" ng-blur="focused=true" ng-focus="focused=false">

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="nameFlag" id="companyerror">公司名稱(chēng)是必填項(xiàng)</span>

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.name.$error.maxlength && focused">最多輸入50個(gè)字符</span>

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.name.$error.pattern && focused">

? ? ? ? ? ? ? ? ? ? 不能包含特殊字符</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span class="companyspan">公司簡(jiǎn)稱(chēng) ：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_compAbbreviation" name="compAbbreviation" ng-model="compAbbreviation" ng-maxlength="50" ng-blur="focused=true" ng-focus="focused=false">

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.compAbbreviation.$error.maxlength && focused">最多輸入50個(gè)字符</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? ?<label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">公司類(lèi)型：</span>

? ? ? ? ? ? ? ? ? ? <select name="key" class="js_comptype">

? ? ? ? ? ? ? ? ? ? ? <option value="">請(qǐng)選擇</option>

? ? ? ? ? ? ? ? ? ? ? <option value="{{type.code}}"?

? ? ? ? ? ? ? ? ? ? ? ? ng-repeat="type in companytype">{{type.codeName}}

? ? ? ? ? ? ? ? ? ? ? </option>

? ? ? ? ? ? ? ? ? ? </select>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">上級(jí)公司：</span>

? ? ? ? ? ? ? ? ? ? <select name="parentId" class="js_parentid"">

? ? ? ? ? ? ? ? ? ? ? ? <option value="">請(qǐng)選擇</option>? ??

? ? ? ? ? ? ? ? ? ? ? ? <option value="{{p.id}}"?

? ? ? ? ? ? ? ? ? ? ? ? ? ng-repeat="p in compParentLists">

? ? ? ? ? ? ? ? ? ? ? ? ? {{p.compName}}

? ? ? ? ? ? ? ? ? ? ? ? </option>

? ? ? ? ? ? ? ? ? ? </select>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? ?<label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">公司地址：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_compaddress" name="compaddress" ng-model="compaddress" ng-maxlength="50" ng-blur="focused=true" ng-focus="focused=false">

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.compaddress!='' && compForm.compaddress.$error.maxlength && focused">最多輸入50個(gè)字符</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">聯(lián)系電話：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_compphoneNo" name="phoneNo" ng-model="phoneNo" ng-pattern="cell" ng-blur="focused=true" ng-focus="focused=false">?

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.phoneNo!='' && compForm.phoneNo.$error.pattern && focused">聯(lián)系電話格式不正確</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">郵箱：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_compemail" name="email" ng-model="email" ng-maxlength="50" ng-pattern="user_email" ng-blur="focused=true" ng-focus="focused=false">?

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.email.$error.maxlength && focused">最多輸入50個(gè)字符</span>

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.email!='' && compForm.email.$error.pattern && focused">郵箱格式不正確</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">傳真：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_compfaxNo" name="faxNo" ng-model="faxNo" ng-pattern="tel_fax" ng-blur="focused=true" ng-focus="focused=false">

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.faxNo!='' && compForm.faxNo.$error.pattern && focused">傳真格式不正確</span>?

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? <label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">郵政編碼：</span>

? ? ? ? ? ? ? ? ? ? <input type="text" class="js_comppostcode" name="postcode" ng-model="postcode" ng-pattern="pos_number" ng-blur="focused=true" ng-focus="focused=false">?

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.postcode!='' && compForm.postcode.$error.pattern && focused">郵政編碼格式不正確</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? ? ?<label for="">

? ? ? ? ? ? ? ? ? ? <span? class="companyspan">擁有者：</span>

? ? ? ? ? ? ? ? ? ? <input class="js_compowner" name="compowner" ng-model="compowner" ng-maxlength="50" ng-blur="focused=true" ng-focus="focused=false">

? ? ? ? ? ? ? ? ? ? <span class="error" ng-show="compForm.compowner!='' && compForm.compowner.$error.maxlength && focused">最多輸入50個(gè)字符</span>

? ? ? ? ? ? ? ? </label>

? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? <div class="popup-footer">

? ? ? ? ? ? ? ? <span ng-show="satus">{{msg}}</span>

? ? ? ? ? ? ? ? <button type="button" class="btn btn-default"

? ? ? ? ? ? ? ? ? ? ? ? ?data-dismiss="modal"?

? ? ? ? ? ? ? ? ? ? ? ? ?aria-label="Close">取消</button>

? ? ? ? ? ? ? ? <button type="submit" class="btn btn-primary" ng-disabled="compForm.$invalid">保存</button>

? ? ? ? ? ? ? </div>

? ? ? ? ? ? </form>

? ? ? ? </div>