<!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>測試驗證</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="請輸入姓名" 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">? ? ? 學號：<input type="text" class="form-control" id="input2" placeholder="請輸入學號" >? ? </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>運行后的結果是：我發現那個對勾位置好像一直在整個頁面的最右邊，當我把input的class寫成class="form-control-sm";時，它就變成下圖，對勾在最右邊，輸入框的顏色沒有變成綠色的。怎么樣才能像bootstrap基礎教程3-13里該做些什么設置讓對勾永遠在輸入框內的最右邊呢。
關于表單驗證狀態的問題
hello_world_
2015-02-05 09:27:38