<!DOCTYPE html><html>? <head>? ? <meta charset="utf-8">? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">? ? <meta name="viewport" content="width=device-width, initial-scale=1">? ? <title>測(cè)試驗(yàn)證</title>? ? <link href="css/bootstrap.min.css" rel="stylesheet">? ? </head>? <body>? <form id="form">? ? <div class="form-group has-feedback" id="form1">? ? ? ?姓名：<input type="text" class="form-control" id="input1" placeholder="請(qǐng)輸入姓名" onblur="fun1(this);">? ? ? <span id="s1" style="display:none">你輸入的信息是正確的</span>? ? <span id="ss1" class="glyphicon glyphicon-ok form-control-feedback" style="display:none"></span>? ? </div>? ? <div class="form-group has-feedback" id="form2">? ? ? 學(xué)號(hào)：<input type="text" class="form-control" id="input2" placeholder="請(qǐng)輸入學(xué)號(hào)" >? ? </div>? ? <button type="submit" class="btn btn-primary" id="submit">提交</button>? </form>? ?<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>? ? <script src="js/bootstrap.min.js"></script>? ? <script>function fun1(x){if(x.value!=null){$("#form1").addClass("has-success");x.nextSibling.nextSibling.style.display="block";?x.nextSibling.nextSibling.nextSibling.nextSibling.style.display="block";}}</script>? </body>? </html>運(yùn)行后的結(jié)果是：我發(fā)現(xiàn)那個(gè)對(duì)勾位置好像一直在整個(gè)頁(yè)面的最右邊，當(dāng)我把input的class寫成class="form-control-sm";時(shí)，它就變成下圖，對(duì)勾在最右邊，輸入框的顏色沒有變成綠色的。怎么樣才能像bootstrap基礎(chǔ)教程3-13里該做些什么設(shè)置讓對(duì)勾永遠(yuǎn)在輸入框內(nèi)的最右邊呢。
關(guān)于表單驗(yàn)證狀態(tài)的問題
hello_world_
2015-02-05 09:27:38