Jquery 动态检测用户名
来源:互联网 发布:淘宝倒计时插件在哪里 编辑:程序博客网 时间:2024/05/29 07:25
前台:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="validation.aspx.cs" Inherits="validate_validation" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#spanValidate").css("color", "red").css("fontSize", "12px");
$("#txtName").blur(function() {
$(this).val($.trim($(this).val()));
if ($.trim($(this).val()) == "") {
var img = $("<img src='../imgs/correct.gif' />");
$("#spanValidate").html("<img src='../imgs/disable.gif' />用户名不能为空");
}
else {
$.ajax({
url: "validation.aspx/CheckUserName",
type: "Post",
data: "{ 'name': '" + $.trim($(this).val()) + "' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
if (data.d == true) {
$("#spanValidate").css("color", "red").html("<img src='../imgs/correct.gif' />");
}
else {
$("#spanValidate").css("color", "red").css("fontSize", "12px").html("<img src='../imgs/disable.gif' />用户名已存在");
}
},
error: function(err) {
alert(err);
}
});
}
});
$("#btnCheck").click(function() {
var userName = $("#txtName").val();
$.ajax({
url: "validation.aspx/CheckUserName",
type: "Post",
data: "{ 'name': '" + userName + "' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
if (data.d == true) {
$("#spanValidate").css("color", "red").html("<img src='../imgs/correct.gif' />");
}
else {
$("#spanValidate").css("color", "red").css("fontSize", "12px").html("<img src='../imgs/disable.gif' />用户名已存在");
}
},
error: function(err) {
alert(err);
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" runat="server" id="txtName" /><input type="button" id="btnCheck"
value="检测用户名" /><br />
<span id="spanValidate"></span>
</div>
</form>
</body>
</html>
后台:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Script.Services;
using System.Web.Services;
public partial class validate_validation : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static bool CheckUserName(string name)
{
if (name == "lee")
{
return false;
}
return true;
}
}
- Jquery 动态检测用户名
- 利用jQuery动态检测用户名等是否存在
- 简单的jQuery检测注册用户名
- JQuery学习系列总结—用户名检测
- spring+jquery+ajax 检测用户名是否存在
- JQuery+Ajax实现用户名的检测(用户名是否已存在)
- jquery用户名动态验证(jquery+mysql)
- jQuery练习5--动态增加用户名邮箱
- jquery实现注册时异步检测用户名是否存在
- jquery+ajax 根据输入生成用户名并检测用户重名
- jQuery+Ajax+Mysql 检测用户名注册时是否重名
- Jquery验证插件 JqueryValidation 动态验证用户名等
- 无刷新检测用户名
- 检测用户名可用
- 检测用户名是否注册
- ajax检测用户名
- js实现用户名检测
- ajax检测用户名 .
- Gangstar Rio: City of Saints上手评测
- 在线分析工程技术名词术语
- 在Repeater中使用DropDownList的方法
- java读写properties文件
- 下一站
- Jquery 动态检测用户名
- mysql 查询数据库中的存储过程与函数的语句
- 关于进程的地址空间--我还评论了下。。。
- 判断字符串中点的个数
- 源码自动化管理系列一: Mercurial + Apache配置
- 运用Composite模式构造JSON
- Spring Mvc Captcha验证码实现(附Servlet实现方式)
- s3c2440硬件学习笔记----内存管理单元MMU
- mysql慢查询日志记录