动态检查表单字段值javascript

是否可以仅使用javascript动态检查表单字段值。 例如，如果我有用户名的表单字段，当用户输入他们选择的用户名时，它会检查该用户名是否可用，并弹出一个警报框或根据结果在屏幕上显示一条消息

所有这些都是在不点击任何按钮的情况下完成的。数据存储在一个数组中

提前谢谢。我只想通过使用javascript来实现这一点。

var username=document.getElementById'username'； var goBtn=document.getElementById'check'； var output=document.getElementById'output'； var usernames=['bob'，'sally'，'alice'，'roy'，'kate'，'phil']； 函数显示结果{ output.innerHTML=usernames.join'，'； } 函数检查用户名{ 如果usernames.indexOfusername.value<0{ usernames.pushusername.value； username.value=； }否则{ 警告“该用户名已被占用。请重试。”； } 展示结果； } goBtn.onclick=检查用户名； 展示结果； 姓名： 去

---

也许这就是你想要的

 // usernameArray contains all the usernames that can't be used 
    var usernameArray  = ['username1','username2','username3']; 

    // i'm using .kyup() method to get a dynamic result so whenever the user type a letter or 
    // something else (just one caracter) we check that value against our usernameArray list

    $('#username').keyup(function(){
        var value = $(this).val();
        if(usernameArray.indexOf(value) >= 0){
              alert('sorry, try another username ');
        }else{
            alert('good, you can use this username it is available');
        }

    });