jquery 中文網(wǎng) jquery最新版本
老鐵們,大家好,相信還有很多朋友對于jquery和jquery最新版本的相關(guān)問題不太懂,沒關(guān)系,今天就由我來為大家分享分享jquery以及jquery最新版本的問題,文...
老鐵們,大家好,相信還有很多朋友對于jquery和jquery最新版本的相關(guān)問題不太懂,沒關(guān)系,今天就由我來為大家分享分享jquery以及jquery最新版本的問題,文章篇幅可能偏長,希望可以幫助到大家,下面一起來看看吧!
jquery實現(xiàn)用戶登陸界面(示例講解)
代碼示例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<scriptsrc="js/jquery-1.8.0.min.js"></script>
<script>
varcnresu=false;
$(function(){
$("input[name='uname']").blur(function(){//blur從鏈接上移開焦點(鼠標(biāo)離開框時)
varunamestr=$(this).val();
varregstr=/^[\u4e00-\u9fa5]{2,4}$/;
if(!regstr.test(unamestr)){
$(this).parent().next("dd").html("必須是2-4個漢字");
cnresu=false;
return;
}
cnresu=true;
});
$("input[name='uname']").focus(function(){//focus給予鏈接焦點(鼠標(biāo)點中框時)
$(this).css("border","solid1px#dddddd");
//$(this).val("");
$(this).parent().next("dd").html("");
});
});
</script>
<style>
#home{
width:600px;
height:300px;
margin:auto;
background-color:#7FFFD4;
}
#head{
padding-top:20px;
height:100px;
}
.dl1{
clear:both;
}
.dl1dt{
float:left;
text-align:right;
width:150px;
height:30px;
line-height:30px;
}
.dl1dd{
float:left;
height:30px;
line-height:30px;
}
#foot{
text-align:center;
}
h1{
padding-top:20px;
text-align:center;
color:bisque;
}
</style>
<body>
<divid="home">
<h1>用戶登陸</h1>
<divid="head">
<formaction="biaodan.html"name="regform"method="post">
<dl>
<dt>用戶名:</dt>
<dd><inputtype="text"name="uname"/></dd>
<ddid="erroruname"></dd>
</dl>
<dl>
<dt>密碼:</dt>
<dd><inputtype="password"/></dd>
<ddid="errorpass"></dd>
</dl>
</div>
<divid="foot">
<inputtype="submit"value="提交"/>
<inputtype="reset"value="重置"/>
</div>
</form>
</div>
</body>
</html>
JQuery AJAX中文亂碼問題解決
1、前后臺編碼要統(tǒng)一;
2、在使用gb2312編碼時,不要用jquery的$.get()或$.post()做ajax提交,因為這兩個方法默認(rèn)為utf-8;
3、用$.ajax()并在其中加入:contentType:"pplication/x-www-form-urlencoded;charset=GB2312";寫成以下形式
好了,文章到此結(jié)束,希望可以幫助到大家。
本文鏈接:http://xinin56.com/qianduan/21.html