鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ bootstrap同一行有兩個(gè)輸入框驗(yàn)證,一個(gè)個(gè)驗(yàn)證通過(guò)卻顯示紅色

bootstrap同一行有兩個(gè)輸入框驗(yàn)證,一個(gè)個(gè)驗(yàn)證通過(guò)卻顯示紅色

第一個(gè)輸入框校驗(yàn)通過(guò)了,卻顯示紅色,這是為什么,只有當(dāng)?shù)诙€(gè)也驗(yàn)證通過(guò)的時(shí)候兩個(gè)才會(huì)都變綠,是因?yàn)檫@兩個(gè)輸入框都在一個(gè)form-group里面嗎
<div class="form-group">

                    <label class="col-lg-2 control-label">電話</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" name="reporttel" id="reporttel"/>
                    </div>
                    <label class="col-lg-2 control-label">E_mail</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" name="reportemail" id="reportemail"/>
                    </div>
                </div>

圖片描述

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

回答
編輯回答
生性

錯(cuò)誤驗(yàn)證,form-group 內(nèi)包裹input ,應(yīng)該分出, 添加錯(cuò)誤樣式的方法 input上層父元素添加類似于.is-error樣式,因?yàn)檫@兩個(gè)輸入框都在一個(gè)form-group里面所以倆個(gè)都應(yīng)用了驗(yàn)證錯(cuò)誤的樣式

2017年12月13日 05:56