当前位置:首页 > 前端设计 > 正文

jquery 中文网 jquery最新版本

jquery 中文网 jquery最新版本

老铁们,大家好,相信还有很多朋友对于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";写成以下形式

好了,文章到此结束,希望可以帮助到大家。

最新文章