Jquery实时验证表单输入

时间:2014-03-18 16:47:10

标签: javascript php jquery validation

更新抱歉,我应该问我将如何做到这一点是Jquery,这样做有什么好处。

由于

我目前正在使用此代码将用户在输入字段中输入的字符发送到php脚本,该脚本检查数据库以查看ID值是否正在使用或包含任何无效字符。

它运作正常,但我很好奇我是否会以不同的方式做得更好。

<input type='text' name='id' id='id' onkeyup="id(this.value)" /><span id='id'></span>


function id(str)
{
if (str.length==0)
  {
  document.getElementById("id").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("id").innerHTML=xmlhttp.responseText;
        if (xmlhttp.responseText.indexOf("set") != -1) {
            document.getElementById("submit").disabled = false;
        } else {
            document.getElementById("submit").disabled = true;
        }
    }
  }

xmlhttp.open("GET","go.php?val="+str,true);
xmlhttp.send();
}

go.php传递单个字符并检查提交的内容并使用以下命令返回实时结果:

echo stripslashes($response);

因此,当用户键入文本框时,输入会在键入时进行检查。有更好的方法吗?

谢谢:)

0 个答案:

没有答案