怎么結(jié)合jquery實(shí)現(xiàn)驗(yàn)證
<!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" id="input1" placeholder="請(qǐng)輸入姓名" >
? ? ? <span id="s1" style="display:none">你輸入的信息是正確的</span>
? ? <span id="ss1" class="glyphicon glyphicon-ok form-control-feedback" style="display:none"></span>
? ? <span id="w1" style="display:none">請(qǐng)輸入正確信息</span>
? ? <span id="ww1" class="glyphicon glyphicon-warning-sign form-control-feedback" style="display:none"></span>
? ? <span id="e1" style="display:none">驗(yàn)證不通過(guò)</span>
? ? <span id="ee1" class="glyphicon glyphicon-remove form-control-feedback" style="display:none"></span>
? ? </div>
? ? ? ? <div class="form-group has-feedback"
? ? ? ? id="form2">
? ? ? 學(xué)號(hào)：<input type="text" id="input2" placeholder="請(qǐng)輸入學(xué)號(hào)" >
? ? ? <span style="display:none">你輸入的信息是正確的</span>
? ? <span class="glyphicon glyphicon-ok form-control-feedback" style="display:none"></span>
? ? <span style="display:none">請(qǐng)輸入正確信息</span>
? ? <span class="glyphicon glyphicon-warning-sign form-control-feedback" style="display:none"></span>
? ? <span style="display:none">驗(yàn)證不通過(guò)</span>
? ? <span class="glyphicon glyphicon-remove form-control-feedback" style="display:none"></span>
? ? </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>
$("#submit").click(function(){
if($("#input1").val()==null)
{
$("#form1").addClase("has-warning");
$("#w1").show();
$("#ww1").show();
}
});
</script>
? </body>
? </html>
這樣子寫(xiě)實(shí)現(xiàn)不了，<script></script>里是不是有問(wèn)題
2015-02-05
你把null改成0試試
2015-05-28
你的addClass 也是拼錯(cuò)了。。。
2015-05-22
你把null和“”都去掉。換成if(!$("#input1").val()){????????? ...????????????
}
他會(huì)把你判斷的無(wú)值，未定義等判為false