时间:2021-05-26
1.在静态页面里添加文本框及样式和js脚本的引用:
复制代码 代码如下:
Code highlighting produced by Actipro CodeHighlighter (freeware)https://www.jb51.net/-->
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>无标题页</title>
<script language ="javascript" src ="../jquery-1.3.2.min.js" type ="text/javascript" ></script>
<script language ="javascript" src ="validator.js" type ="text/javascript" ></script>
<link type ="text/css" rel="stylesheet" href ="validator.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
用户名:<input id="txtName" type="text" class ="txtName" />
<div id ="result"></div>
</div>
</form>
</body>
</html>
2.css样式表,当文本框文字为空时边框红色:
复制代码 代码如下:
.txtName
{
border:1px red solid;
}
3.js脚本:当文本框文字为空时边框红色;如果用户名为janes,则提示“用户名已经存在”,否则提示“用户名可以使用”。
复制代码 代码如下:
Code highlighting produced by Actipro CodeHighlighter (freeware)https://www.jb51.net/-->$(function(){
var txtname=$("#txtName");
//输入文字时文本框样式
txtname.keyup(function(){
var name=$(this).val();
if(name=="")
$(this).addClass("txtName");
else $(this).removeClass("txtName");
})
//失去焦点时验证用户名是否可用
$("#txtName").blur(function()
{
var name=$(this).val();
$.get("validator1.aspx?name="+name,null,function(response){
$("#result").html(response);
})
})
})
4..aspx及.cs页面代码,用来验证用户名是否可用,以返回结果。
复制代码 代码如下:
Code highlighting produced by Actipro CodeHighlighter (freeware)https://www.jb51.net/-->public partial class Validator_validator1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string name = Request.QueryString["name"].ToString();
if (name == "janes")
Response.Write("该用户名已经存在!");
else
Response.Write("该用户名可以使用!");
}
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
适合人群:Ajax和jQuery入门采用Ajax实现用户名验证使用jQuery给出提示信息用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没
好了,唠嗑就到这里,现在看如何用jquery实现无刷新登录。首先先创建html的部分复制代码代码如下:用户名:密码:验证码:这里面包含的功能有:登录的验证,点击
jsp+ajax实现无刷新,鼠标离开文本框即验证用户名,操作如下:新建一个输入页面,起名为input.jsp,复制代码代码如下:jsp+ajax实现无刷新_鼠标
其中用到了jquery插件来验证用户名哦,这里是利用jqueryajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。jquery框架实现的aja
本文实例讲述了php+Ajax无刷新验证用户名操作。分享给大家供大家参考,具体如下:AJAX简介AJAX=AsynchronousJavaScriptAndXM