jsp页面实现input框实时ajax校验任务名称是否存在

<!-- 任务名称 -->
<span class="list_name" style="margin-left: 25px;">任务名称：</span>

<input type="text"  id="taskName" onblur="checkName('${accessControl.id}')" maxlength="20" name="AccessControl.taskName" class="input_text" placeholder="4-20个字符，可使用汉字、字母、数字、下划线">
<span class="Validform_checktip"><i
class="required">*</i></span>
<div class="clear"></div>

</li>

//校验任务名称是否重复
function checkName(id){
var name =  $('#taskName').val();
alert(name);
$.ajax({
type : "post",
async : true,

url : "${pageContext.request.contextPath}/secureChannel/accessControl/check?id="+id+'&taskName'+name,
dataType : "text",

success : function(data) {
if(data=="true"){
alert("任务名称已经存在!");
return;
}else {

}
},
error : function(e) {
alert("失败！");
}
});

}