Question

jquery提交表单前先检查帐号是否已使用，用户名还没有检查完，表单就已经异步提交了，怎么修改呢 望解答

$('#salesman_form').submit(function(e){
if($.trim($('#salesman_username').val()).length > 0 && $.trim($('#username').val()) != $.trim($('#salesman_username').val()) ){
//检查用户名是否已使用
$.get('/channel/manage/checkUsername/' + $('#salesman_username').val(),
function(feedback){
if(feedback != 'success'){
$('#salesman_username').val('');
$("#salesman_username").focus();
alert('该账号已被使用');
return;
}
});
}

e.preventDefault();
if(!$(this).valid()){
return;
}
//提交表单
$.post($(this).attr('action'), $(this).serializeJSON(), function(json){
if(json.result == 'success'){
window.location.href = json.ssurl;
}else{
alert('操作失败，稍后再试');
}
}, 'json');
alert("表单提交");

});

Answer 1

你应该把最后那个ajax提交表单的操作放到，验证用户名是否已使用的回调函数里面去，或者将验证用户名的方式改为同步方式。

像这样：

$.get('/channel/manage/checkUsername/' + $('#salesman_username').val(), 
					function(feedback){
						if(feedback != 'success'){
							$('#salesman_username').val('');
							$("#salesman_username").focus();
							alert('该账号已被使用');
							return;
						}else{
						    $.post($(this).attr('action'), $(this).serializeJSON(), function(json){
			if(json.result == 'success'){
				window.location.href = json.ssurl;
			}else{
				alert('操作失败，稍后再试');
			}
		}, 'json'); 
						}
			});

Answer 2

不用submit事件，调用提交按钮的click事件，待处理完毕后调用form的submit事件；
或者给用户名文本框注册一blur事件进行验证。