为了账号安全,请及时绑定邮箱和手机立即绑定

在一个页面想要复用表单弹出窗,第一次是正常的,第二次打开弹窗还没输入数据却带上了验证状态,怎么去掉这个验证状态

 <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">&times;</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>公司名称 :</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">公司名称是必填项</span>

                    <span class="error" ng-show="compForm.name.$error.maxlength && focused">最多输入50个字符</span>

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

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

                </label>

                <label for="">

                    <span class="companyspan">公司简称 :</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个字符</span>

                </label>

                 <label for="">

                    <span  class="companyspan">公司类型 :</span>

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

                      <option value="">请选择</option>

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

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

                      </option>

                    </select>

                </label>

                <label for="">

                    <span  class="companyspan">上级公司 :</span>

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

                        <option value="">请选择</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个字符</span>

                </label>

                <label for="">

                    <span  class="companyspan">联系电话 :</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">联系电话格式不正确</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个字符</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个字符</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>

        

      </div>

    </div>

  </div>


正在回答

2 回答


【蜘蛛侠TG@abin789】-10200
【蜘蛛侠TG@abin789】-10201
【蜘蛛侠TG@abin789】-10202
【蜘蛛侠TG@abin789】-10203
【蜘蛛侠TG@abin789】-10204
【蜘蛛侠TG@abin789】-10205
【蜘蛛侠TG@abin789】-10206
【蜘蛛侠TG@abin789】-10207
【蜘蛛侠TG@abin789】-10208
【蜘蛛侠TG@abin789】-10209
【蜘蛛侠TG@abin789】-10210
【蜘蛛侠TG@abin789】-10211
【蜘蛛侠TG@abin789】-10212
【蜘蛛侠TG@abin789】-10213
【蜘蛛侠TG@abin789】-10214
【蜘蛛侠TG@abin789】-10215
【蜘蛛侠TG@abin789】-10216
【蜘蛛侠TG@abin789】-10217
【蜘蛛侠TG@abin789】-10218
【蜘蛛侠TG@abin789】-10219
【蜘蛛侠TG@abin789】-10220
【蜘蛛侠TG@abin789】-10221
【蜘蛛侠TG@abin789】-10222
【蜘蛛侠TG@abin789】-10223
【蜘蛛侠TG@abin789】-10224
【蜘蛛侠TG@abin789】-10225
【蜘蛛侠TG@abin789】-10226
【蜘蛛侠TG@abin789】-10227
【蜘蛛侠TG@abin789】-10228
【蜘蛛侠TG@abin789】-10229
【蜘蛛侠TG@abin789】-10230
【蜘蛛侠TG@abin789】-10231
【蜘蛛侠TG@abin789】-10232
【蜘蛛侠TG@abin789】-10233
【蜘蛛侠TG@abin789】-10234
【蜘蛛侠TG@abin789】-10235
【蜘蛛侠TG@abin789】-10236
【蜘蛛侠TG@abin789】-10237
【蜘蛛侠TG@abin789】-10238
【蜘蛛侠TG@abin789】-10239
【蜘蛛侠TG@abin789】-10240
【蜘蛛侠TG@abin789】-10241
【蜘蛛侠TG@abin789】-10242
【蜘蛛侠TG@abin789】-10243
【蜘蛛侠TG@abin789】-10244
【蜘蛛侠TG@abin789】-10245
【蜘蛛侠TG@abin789】-10246
【蜘蛛侠TG@abin789】-10247
【蜘蛛侠TG@abin789】-10248
【蜘蛛侠TG@abin789】-10249
【蜘蛛侠TG@abin789】-10250
【蜘蛛侠TG@abin789】-10251
【蜘蛛侠TG@abin789】-10252
【蜘蛛侠TG@abin789】-10253
【蜘蛛侠TG@abin789】-10254
【蜘蛛侠TG@abin789】-10255
【蜘蛛侠TG@abin789】-10256
【蜘蛛侠TG@abin789】-10257
【蜘蛛侠TG@abin789】-10258
【蜘蛛侠TG@abin789】-10259
【蜘蛛侠TG@abin789】-10260
【蜘蛛侠TG@abin789】-10261
【蜘蛛侠TG@abin789】-10262
【蜘蛛侠TG@abin789】-10263
【蜘蛛侠TG@abin789】-10264
【蜘蛛侠TG@abin789】-10265
【蜘蛛侠TG@abin789】-10266
【蜘蛛侠TG@abin789】-10267
【蜘蛛侠TG@abin789】-10268
【蜘蛛侠TG@abin789】-10269
【蜘蛛侠TG@abin789】-10270
【蜘蛛侠TG@abin789】-10271
【蜘蛛侠TG@abin789】-10272
【蜘蛛侠TG@abin789】-10273
【蜘蛛侠TG@abin789】-10274
【蜘蛛侠TG@abin789】-10275
【蜘蛛侠TG@abin789】-10276
【蜘蛛侠TG@abin789】-10277
【蜘蛛侠TG@abin789】-10278
【蜘蛛侠TG@abin789】-10279
【蜘蛛侠TG@abin789】-10280
【蜘蛛侠TG@abin789】-10281
【蜘蛛侠TG@abin789】-10282
【蜘蛛侠TG@abin789】-10283
【蜘蛛侠TG@abin789】-10284
【蜘蛛侠TG@abin789】-10285
【蜘蛛侠TG@abin789】-10286
【蜘蛛侠TG@abin789】-10287
【蜘蛛侠TG@abin789】-10288
【蜘蛛侠TG@abin789】-10289
【蜘蛛侠TG@abin789】-10290
【蜘蛛侠TG@abin789】-10291
【蜘蛛侠TG@abin789】-10292
【蜘蛛侠TG@abin789】-10293
【蜘蛛侠TG@abin789】-10294
【蜘蛛侠TG@abin789】-10295
【蜘蛛侠TG@abin789】-10296
【蜘蛛侠TG@abin789】-10297
【蜘蛛侠TG@abin789】-10298
【蜘蛛侠TG@abin789】-10299
【蜘蛛侠TG@abin789】-10300
【蜘蛛侠TG@abin789】-10301
【蜘蛛侠TG@abin789】-10302
【蜘蛛侠TG@abin789】-10303
【蜘蛛侠TG@abin789】-10304
【蜘蛛侠TG@abin789】-10305
【蜘蛛侠TG@abin789】-10306
【蜘蛛侠TG@abin789】-10307
【蜘蛛侠TG@abin789】-10308
【蜘蛛侠TG@abin789】-10309
【蜘蛛侠TG@abin789】-10310
【蜘蛛侠TG@abin789】-10311
【蜘蛛侠TG@abin789】-10312
【蜘蛛侠TG@abin789】-10313
【蜘蛛侠TG@abin789】-10314
【蜘蛛侠TG@abin789】-10315
【蜘蛛侠TG@abin789】-10316
【蜘蛛侠TG@abin789】-10317
【蜘蛛侠TG@abin789】-10318
【蜘蛛侠TG@abin789】-10319
【蜘蛛侠TG@abin789】-10320
【蜘蛛侠TG@abin789】-10321
【蜘蛛侠TG@abin789】-10322
【蜘蛛侠TG@abin789】-10323
【蜘蛛侠TG@abin789】-10324
【蜘蛛侠TG@abin789】-10325
【蜘蛛侠TG@abin789】-10326
【蜘蛛侠TG@abin789】-10327
【蜘蛛侠TG@abin789】-10328
【蜘蛛侠TG@abin789】-10329
【蜘蛛侠TG@abin789】-10330
【蜘蛛侠TG@abin789】-10331
【蜘蛛侠TG@abin789】-10332
【蜘蛛侠TG@abin789】-10333
【蜘蛛侠TG@abin789】-10334
【蜘蛛侠TG@abin789】-10335
【蜘蛛侠TG@abin789】-10336
【蜘蛛侠TG@abin789】-10337
【蜘蛛侠TG@abin789】-10338
【蜘蛛侠TG@abin789】-10339
【蜘蛛侠TG@abin789】-10340
【蜘蛛侠TG@abin789】-10341
【蜘蛛侠TG@abin789】-10342
【蜘蛛侠TG@abin789】-10343
【蜘蛛侠TG@abin789】-10344
【蜘蛛侠TG@abin789】-10345
【蜘蛛侠TG@abin789】-10346
【蜘蛛侠TG@abin789】-10347
【蜘蛛侠TG@abin789】-10348
【蜘蛛侠TG@abin789】-10349
【蜘蛛侠TG@abin789】-10350
【蜘蛛侠TG@abin789】-10351
【蜘蛛侠TG@abin789】-10352
【蜘蛛侠TG@abin789】-10353
【蜘蛛侠TG@abin789】-10354
【蜘蛛侠TG@abin789】-10355
【蜘蛛侠TG@abin789】-10356
【蜘蛛侠TG@abin789】-10357
【蜘蛛侠TG@abin789】-10358
【蜘蛛侠TG@abin789】-10359
【蜘蛛侠TG@abin789】-10360
【蜘蛛侠TG@abin789】-10361
【蜘蛛侠TG@abin789】-10362
【蜘蛛侠TG@abin789】-10363
【蜘蛛侠TG@abin789】-10364
【蜘蛛侠TG@abin789】-10365
【蜘蛛侠TG@abin789】-10366
【蜘蛛侠TG@abin789】-10367
【蜘蛛侠TG@abin789】-10368
【蜘蛛侠TG@abin789】-10369
【蜘蛛侠TG@abin789】-10370
【蜘蛛侠TG@abin789】-10371
【蜘蛛侠TG@abin789】-10372
【蜘蛛侠TG@abin789】-10373
【蜘蛛侠TG@abin789】-10374
【蜘蛛侠TG@abin789】-10375
【蜘蛛侠TG@abin789】-10376
【蜘蛛侠TG@abin789】-10377
【蜘蛛侠TG@abin789】-10378
【蜘蛛侠TG@abin789】-10379
【蜘蛛侠TG@abin789】-10380
【蜘蛛侠TG@abin789】-10381
【蜘蛛侠TG@abin789】-10382
【蜘蛛侠TG@abin789】-10383
【蜘蛛侠TG@abin789】-10384
【蜘蛛侠TG@abin789】-10385
【蜘蛛侠TG@abin789】-10386
【蜘蛛侠TG@abin789】-10387
【蜘蛛侠TG@abin789】-10388
【蜘蛛侠TG@abin789】-10389
【蜘蛛侠TG@abin789】-10390
【蜘蛛侠TG@abin789】-10391
【蜘蛛侠TG@abin789】-10392
【蜘蛛侠TG@abin789】-10393
【蜘蛛侠TG@abin789】-10394
【蜘蛛侠TG@abin789】-10395
【蜘蛛侠TG@abin789】-10396
【蜘蛛侠TG@abin789】-10397
【蜘蛛侠TG@abin789】-10398
【蜘蛛侠TG@abin789】-10399
【蜘蛛侠TG@abin789】-10400

0 回复 有任何疑惑可以回复我~

你的表单验证的类名和规则名是一样的吧?相当于在打开第二个弹框时第一次的被验证了。

0 回复 有任何疑惑可以回复我~
#1

alienware_ 提问者

那要怎么改呢? 刚学anglurjs, 我查了好久 ,都没找到类似的问题
2018-07-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
AngularJS表单验证
  • 参与学习       39428    人
  • 解答问题       130    个

一看就明白的AngularJS表单验证

进入课程

在一个页面想要复用表单弹出窗,第一次是正常的,第二次打开弹窗还没输入数据却带上了验证状态,怎么去掉这个验证状态

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信