jquery 中文网 jquery最新版本
- 前端设计
- 2023-08-13
- 205
老铁们,大家好,相信还有很多朋友对于jquery和jquery最新版本的相关问题不太懂,没关系,今天就由我来为大家分享分享jquery以及jquery最新版本的问题,文...
老铁们,大家好,相信还有很多朋友对于jquery和jquery最新版本的相关问题不太懂,没关系,今天就由我来为大家分享分享jquery以及jquery最新版本的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
jquery实现用户登陆界面(示例讲解)
代码示例:
<!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从链接上移开焦点(鼠标离开框时)
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给予链接焦点(鼠标点中框时)
$(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、前后台编码要统一;
2、在使用gb2312编码时,不要用jquery的$.get()或$.post()做ajax提交,因为这两个方法默认为utf-8;
3、用$.ajax()并在其中加入:contentType:"pplication/x-www-form-urlencoded;charset=GB2312";写成以下形式
好了,文章到此结束,希望可以帮助到大家。
本文链接:http://xinin56.com/qianduan/21.html