js原生ajax表单验证

主要说一下ajax表单验证的步骤

1. (1):创建ajax对象

   var oAjax = null;
    if(window.XMLHttpRequest){
        oAjax = new XMLHttpRequest();
    }else{
        oAjax = new ActiveXObject('Microsoft.XMLHTTP');
    }
   

   (2):连接服务器

    oAjax.open('POST','http://127.0.0.1:8080/SuPaySSM/user/userlogin.do',true);
    oAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    console.log(data);
   // oAjax.send(data);//"userMemberName="+userMemberName.value+"&uPassword="+uPassword.value
    oAjax.send("userMemberName="+userMemberName.value+"&uPassword="+uPassword.value);
   

   可以使用表单序列化进行send

   (3):发送请求
   (4):对响应进行解析

    oAjax.onreadystatechange=function(){
        if(oAjax.readyState==4){
            if(oAjax.status>=200 && oAjax.status<300 || oAjax.status==304){
                //4.对响应进行解析
                var users=JSON.parse(oAjax.responseText);
                console.log(users);
            }else{
                //4.对响应进行解析
                console.log(oAjax.status);
            }
        }
    };
   

2.再就是可以在其外边穿插一些验证规则进行表单的基本验证。

例子：

    








    


        

            

                
账号登录
                

                

                    

                        * 有户名不合法