javaScript
0
[已解决问题]
解决于 2014-06-13 16:56
function UserNameExist() {
var loginName = $('#ctl00_holderLeft_txt_userName').val();
if (loginName == "" || loginName.length < 2) {
return;
}
$('#tip_userName').append("正在检查用户名是否存在....");
$.ajax({
url: '/ws/UserService.asmx/LoginNameExist',
data: '{loginName:"' + loginName + '"}',
type: 'post',
dataType: 'json',
contentType: 'application/json; charset=utf8',
cache: false,
success: function(data) {
if (data.d) {
setTimeout(function() {
//$('#ctl00_holderLeft_txt_userName').val('');
$('#tip_userName').removeClass('validation-valid');
$('#tip_userName').addClass('validation-error');
$('#tip_userName').html('登录用户名<strong>"' + loginName + '</strong>"已存在，请使用其它登录用户名');
}, 10);
}
//else
//$('#tip_userName').html("登录用户名输入成功");
},
error: function(xhr) {
$('#tip_userName').html(xhr.responseText);
}
那个大哥大姐给看看这是什么意思？刚出道看不懂
最佳答案
0
function UserNameExist() { //根据函数名：判断username是否存在
var loginName = $('#ctl00_holderLeft_txt_userName').val(); //根据ID获取loginname值
if (loginName == "" || loginName.length < 2) { //loginName的长度要要大于2
return;
}
$('#tip_userName').append("正在检查用户名是否存在....");//在页面上显示：正在检查用户名是否存在....
$.ajax({
url: '/ws/UserService.asmx/LoginNameExist', //后台处理的URL
data: '{loginName:"' + loginName + '"}', // 把loginname发送给后台
type: 'post', // POST请求
dataType: 'json', // 后台返回数据格式是：json
contentType: 'application/json; charset=utf8', //传输的内容类型：'application/json; charset=utf8
cache: false, // 不使用缓存
success: function(data) {
if (data.d) {// 登录名存在时的操作
setTimeout(function() {
//$('#ctl00_holderLeft_txt_userName').val('');
$('#tip_userName').removeClass('validation-valid');
$('#tip_userName').addClass('validation-error');
$('#tip_userName').html('登录用户名<strong>"' + loginName + '</strong>"已存在，请使用其它登录用户名');
}, 10);
}
//else
//$('#tip_userName').html("登录用户名输入成功");
},
error: function(xhr) {
$('#tip_userName').html(xhr.responseText);
}
奖励园豆：5
非常感谢
能给写一个简单的小程序吗？
@简单的@快乐: 你说吧。。。
我想从数据库验证有没有这个用户名，如果有则不能再次使用这个用户名，就像博客园注册页面那样的！！！ 谢谢
@简单的@快乐:
1、输入完username后，激活<input name='username' id="username" onblur="userNameExist(this)">的onblur事件。
在onblur处理中，发送ajax请求，判断username是否已经存在：
function userNameExist(ele){
$.post("yourUrl",{username:ele.value},function(r){
if(r=='1')
{
ele.focus();
alert("你输入的用户名已经存在，请重新输入");
}
},"text");
}
其他回答(4)
0
...不懂？这不就是jquery的ajax看下用户名是不是已经存在么？
0
那你在网上找一些jQuery资料看看吧，半天你就懂了。
谢谢，我在研究研究
0
这是一个很典型的JQuery.AJAX的应用
谢谢，我在研究研究
0
function UserNameExist() { //定义一个函数
var loginName = $('#ctl00_holderLeft_txt_userName').val();//获取ID='ctl00_holderLeft_txt_userName'文本框中的值，付给loginName,<input type="text" id="ctl00_holderLeft_txt_userName'" value=""/>
if (loginName == "" || loginName.length < 2) { //判断输入用户名是否为空或者输入长度是否小于2
return; //退出函数
}
$('#tip_userName').append("正在检查用户名是否存在....");
$.ajax({//异步请求
url: '/ws/UserService.asmx/LoginNameExist',//访问URL,action类为LoginNameExist
data: '{loginName:"' + loginName + '"}',//访问url时传递的参数loginName，把输入的用户名发送到服务器验证
type: 'post',//post方式 ，相当于<form method="post"..../>
dataType: 'json',//获取服务器返还的数据类型是json
contentType: 'application/json; charset=utf8',//数据类型
cache: false,//取消缓存
success: function(data) {//服务端操作成功后返还数据data后操作的函数
if (data.d) {
setTimeout(function() {//10毫秒后操作function函数
//$('#ctl00_holderLeft_txt_userName').val('');
$('#tip_userName').removeClass('validation-valid');//id=tip_userName移除style
$('#tip_userName').addClass('validation-error');//id=tip_userName增加style
$('#tip_userName').html('登录用户名<strong>"' + loginName + '</strong>"已存在，请使用其它登录用户名');
}, 10);
}
//else
//$('#tip_userName').html("登录用户名输入成功");
},
error: function(xhr) {
$('#tip_userName').html(xhr.responseText);
}
非常感谢
