编程论坛's Archiver

yoyodo 发表于 2006-8-11 22:52

求一个ajax做数据验证的实例

<P>大概要mvc模型吧,用javabean做数据库操作<BR>还有Login.java  和DataBean.java的代码不会.<BR>谁能给个猜考一下<BR><BR>以下是login.htm的代码:<BR>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</A>"&gt;<BR>&lt;html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" >http://www.w3.org/1999/xhtml</A>"&gt;<BR>&lt;head&gt;<BR>&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;<BR>    &lt;title&gt;首页&lt;/title&gt;<BR>    &lt;script type="text/javascript"&gt;<BR>    var xmlHttp;<BR>    <BR>    //创建httpRequest请求<BR>    function createXMLHttpRequest() {<BR>        if (window.ActiveXObject) {<BR>            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");<BR>        } <BR>        else if (window.XMLHttpRequest) {<BR>            xmlHttp = new XMLHttpRequest();<BR>        }<BR>    }<BR>    <BR>    function userNameCheck() {<BR>        var userName = document.getElementById("userName").value;<BR>        <BR>        if(userName == "") {<BR>            window.alert("用户名不能为空.");<BR>            document.form1.userName.focus();<BR>            return false;<BR>        }<BR>        else {<BR>            var url = "<FONT style="BACKGROUND-COLOR: #00ff00">Login?userName=" + userName + "&amp;ts=" + new Date().getTime();</FONT><BR>            createXMLHttpRequest();<BR>            xmlHttp.onreadystatechange = handleAddStateChange;<BR>            xmlHttp.open("GET",url,true);<BR>            xmlHttp.send(null);<BR>        }<BR>    }<BR>    <BR>    function handleAddStateChange() {<BR>        if(xmlHttp.readyState == 4) {<BR>            if(xmlHttp.status == 200 || xmlHttp.status == 0) {<BR>                var mes = xmlHttp.responseXML.getElementsByTagName("message")[0].firstChild.data;<BR>                var val = xmlHttp.responseXML.getElementsByTagName("passed")[0].firstChild.data;<BR>                setMessage(mes, val);<BR>            }<BR>            else {<BR>            alert(xmlHttp.status);<BR>            alert("Error while adding employee.");<BR>            }<BR>        }<BR>    }<BR>        <BR>    function setMessage(message, isValid) {            <BR>        var messageArea = document.getElementById("showMessage");<BR>        var fontColor = "red";<BR>            <BR>        if (isValid == "true") {<BR>            fontColor = "green";                <BR>        }<BR>        messageArea.innerHTML = "&lt;font color=" + fontColor + "&gt;" + message + " &lt;/font&gt;";<BR>    }<BR>    &lt;/script&gt;<BR>&lt;/head&gt;</P>
<P>&lt;body&gt;<BR>&lt;center&gt;<BR>&lt;br /&gt;&lt;br /&gt;<BR>&lt;table&gt;<BR>&lt;form action="#" name="form1"&gt;<BR>    用户名: &lt;input type="text" size="15" name="userName" onblur="userNameCheck();" id="userName"/&gt;<BR>    &amp;nbsp;&amp;nbsp;&lt;a href="reg?action=reg"&gt;注册&lt;/a&gt;&lt;br /&gt;<BR>    密&amp;nbsp;&amp;nbsp;码:&lt;input type="password" size="15" name="usePassword" id="password"/&gt;&lt;br /&gt;<BR>    &lt;input type="button" value="登录" name="submit" /&gt;<BR>&lt;/form&gt;<BR>&lt;div id="showMessage"&gt;&lt;/div&gt;<BR>&lt;/table&gt;<BR>&lt;/center&gt;<BR>&lt;/body&gt;<BR>&lt;/html&gt;<BR></P>

ming206 发表于 2006-8-15 17:01

var http_request=false;<BR> //利用XMLHttpRequest发送请求<BR> function send_request(url,nn){<BR>     http_request=false;<BR>     //判断浏览器类别<BR>     if(window.XMLHttpRequest){<BR>         http_request=new XMLHttpRequest();<BR>         if(http_request.overrideMimeType){<BR>             http_request.overrideMimeType("text/xml");<BR>         }<BR>     }else if(window.ActiveXObject){<BR>         try{<BR>             http_request=new ActiveXObject("Microsoft.XMLHTTP");<BR>         }catch(e){}<BR>     }<BR>     //异常，创建对象失败<BR>     if(!http_request){<BR>         window.alert("不能创建XMLHttpRequest对象实际！");<BR>         return false;  <BR>     }<BR>     //<BR>     http_request.onreadystatechange=function(){proRequest(nn)};<BR>     //确定发送请求的方式和RUL以及是否同步执行以下代码<BR>     http_request.open("GET",url,true);<BR>     http_request.send(null);<BR> } <BR> //处理返回信息的函数<BR> function  proRequest(n){<BR>     if(http_request.readyState==4){//判断对象状态<BR>         if(http_request.status==200){//信息已经成功返回，并开始处理信息<BR>              //来自不同的请求<BR>              if(n==1){<BR>                  var str=http_request.responseText;<BR>                  alert(str);<BR>                  if(str!="恭喜，该用户可以注册！"){<BR>                      //若不是得到该提示信息，一律要求文本获得焦点<BR>                      document.form1.username.select(); <BR>                      document.form1.username.focus();<BR>                  }<BR>              //处理另外一个返回信息<BR>              }else if(n==2){<BR>                   document.getElementById(currentPos).innerHTML=http_request.responseText;   <BR>              }        <BR>         }else{<BR>              alert("您所请求的页面有异常！");<BR>         }<BR>     }<BR> }<BR> //表单检测并提交<BR> function userCheck(){<BR>      var f=document.form1;<BR>      var username=f.username.value;<BR>      if(username==""){<BR>          window.alert("用户名不可为空，请输入用户名！");<BR>          f.username.focus();<BR>          return false;<BR>      }else<BR>          send_request("index.aspx?username="+username,1);<BR>  }<BR><BR><BR>我想,服务断无论是用JSP,ASP.ENT,ASP都是无所喂的.

ming206 发表于 2006-8-15 17:03

<P>引用部分,贴与不贴一个样.<BR>&lt;DIV class="cc" align="center"&gt;<BR>&lt;form id="form1" name="form1" method="post" action="index.aspx"&gt;<BR>  &lt;div id="div_utitle"&gt;用户名：<BR>     &lt;label&gt;<BR>     &lt;input type="text" name="username"/&gt;<BR>     &lt;/label&gt;<BR>  &lt;/div&gt;<BR>  <BR>  &lt;div id="div_check"&gt;<BR>      &lt;label&gt;<BR>      &lt;input type="button" name="Submit" value="检测是否可用" onClick="userCheck();" /&gt;<BR>      &lt;/label&gt;<BR>  &lt;/div&gt;    <BR>  <BR>  &lt;div id="div_submit"&gt;<BR>      &lt;label&gt;<BR>      &lt;input type="submit" name="Submit" value="提交数据"/&gt;<BR>      &lt;/label&gt;<BR>  &lt;/div&gt; <BR>  &lt;/form&gt;<BR>&lt;/DIV&gt;</P>

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.