如何实现这种验证方法

ajax

解决方案 »

  1.   

    一般就是在那个输入框onblur的时候判断一下数据是否合法
    比如用户名，需要检查是否合法，是否已经被使用
    检查格式是否合法只需要用js判断一下就可以了，检查是否已经可用，那就需要调用 ajax去服务器上检查一下
    如果都合法，那么就在后面，打上勾就成了其他类似，不是本地用JS验证，就是调用ajax去服务器上验证
      

  2.   

    至于那个勾和叉，本来就放后输入框后面，只不过设置一下可见或者url就成了
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
     </head>
    <script>
    var check1 = false;
    var check2 = false;
    function check(n){
    var val = document.getElementById(n).value;
    if(val>30&&val<80){
    if(n == 'i1'){
    check1 = true;
    }
    if(n == 'i2'){
    check2 = true;
    }
    document.getElementById(n+"_span").innerHTML = "正确"; //把这个换成 = '<img src="图片的路径">';
    }else{
    if(n == 'i1'){
    check1 = false;
    }
    if(n == 'i2'){
    check2 = false;
    }
    document.getElementById(n+"_span").innerHTML = "错误";
    }
    if(check1 && check2){
    document.getElementById('but').disabled = '';
    }else{
    document.getElementById('but').disabled = 'disabled';
    }
    }
    </script>
    <body>
    信息1：<input type="text" id="i1" name="i1" onblur="check('i1')" /><span id="i1_span"></span><br />
    信息2：<input type="text" id="i2" name="i2" onblur="check('i2')" /><span id="i2_span"></span><br />
    <input type="button" value="send" id="but" disabled="disabled" />
    </body>
    </html>
      

  4.   

    2楼的说明够清楚了，值得一提的是，send按钮的onclick事件中要加个总的验证
    （可通过检查是否每个输入框后边都有对号来判断验证是否通过）
      

  5.   

    有效判断的话，应该使用onpropertychange事件。
    这样可以避免通过粘贴或者其它事件改变textbox值的时候不能进行检查。另外，应该在form的onsubmit事件中进行入力检查。