首先建一个Ajax-WCF服务:,web-config自动配置就没管;
然后,在apsx文件中写js代码:

Code
[http://www.xueit.com]
<script type="text/javascript" language="javascript">
$(function() {
$('#Nick').bind('blur', function() { // BLUR为失去焦点时候触发事件
if ($('#Nick').val() == '') {
alert("用户名不能为空.");
}
else {
$.ajax({
type: 'POST',
url: '<%= MixApplication.Instance.RelativePath %>/Service/RegisterUserService.svc/IsUserExist',
//dataType: 'json', 不要,有的话就会报500,server internal错误
contentType: "application/json",
data: '{"nickName":"' $('#Nick').val() '"}',
complete: function(xmlHttpRequest) {
//alert('完整的服务器响应已经收到');
},
success: function(data) {
//var a = eval('(' data ')'); //将JSON文本转换为对象
//alert(a.d);
var da = JSON.parse(data).d; // java的反序列化
//alert('data的值是:' da);
if (da == true) {
$('#nickTip').html('用户名不存在,可以注册');
}
else {
$('#nickTip').css('color', 'red');
$('#nickTip').html('用户名已存在,请另外输入用户名');
}
}
});
}
})
$('#Nick').bind('focus', function() {
$('#nickTip').css('color', '');
$('#nickTip').html('');
})
})
</script>
来判断html控件中名字Nick是否已经存在,相应的html为:

Code
[http://www.xueit.com]
<tr>
<td>
用户昵称:
</td>
<td>
<input name="NickText" id="Nick" type="text" class="long-input" style="width: 120px" />
</td>
<td>
<div id="NickTip" style="width: 270px">
</div>
<p id="nickTip">
</p>
<!--<div id="msg" style="display: none" visible="false">
</div>-->
</td>
</tr>