我用jsp做的一个登录界面，通过点击提交按钮编写javascript判断其是否输入，现在我想直接输入用户名

使用ajax的方式就可以了啊，就是点击提交按钮时，javascript中的代码时通过ajax从特定的servlet取数据，而servlet已经从数据库取出了数据，在servlet里判断一下是否存在，然后返回一个数据就可以了。。。
希望可以帮助你，谢谢采纳。。。追问

我是初学者，请问可以给我一个具体的例子吗！

追答

你给我发私信我把代码发给你。。。。

本回答被网友采纳

function keyUp() {
var uname = document.getElementById("InputName").value;
var unameMode = /^[0-9A-z\u4e00-\u9fa5]{5,10}$/;
if (unameMode.test(uname)) {
console.log("用户名合法！");
$.ajax({
type : 'post',
url : '/film/user/checkUname',
data : 'uname='+uname,
dataType:"json",
success : function(data) {
console.log(data);
console.log(data.msg);
if("ok"==data.msg){
document.getElementById("unameMsg").innerHTML
= "<font color='green'>√用户名可用！</font>";
}else{
document.getElementById("unameMsg").innerHTML
= "<font color='red'>×用户名重复！</font>";
}
}，
error : function() {
console.log('通讯失败!');
}
});
document.getElementById("unameMsg").innerHTML = "<font color='green'>√用户名合法！</font>";
} else {
console.log("用户名不合法！");
document.getElementById("unameMsg").innerText = "X用户名不合法!";
document.getElementById("unameMsg").style.color = "red";
}
}
下面是表单内容：
<input type="text" class="form-control" id="InputName"
name="uname" placeholder="请输入用户名" required onkeyup="keyUp()"/>
<span id="unameMsg"></span>

用Ajax