ajax盡態驗證

来源：互联网发布：淘宝网童装童依阁编辑：程序博客网时间：2024/04/30 02:21

test.aspx

===================================================================

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="NewsAdd" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
    <title>Using Ajax for validation</title>
    <script type="text/javascript">
        var xmlHttp;
        function createXMLHttpRequest()
        {
            if (window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }

        }
        function validate()
        {
            createXMLHttpRequest();
            var date = document.getElementById("birthDate");
            var url = "getdata.aspx?id=" + escape(date.value);
            xmlHttp.open("GET", url, true);
            xmlHttp.onreadystatechange = callback;
            xmlHttp.send(null);

                }
        function callback()
        {
            if (xmlHttp.readyState == 4)
            {


                if (xmlHttp.status == 200)
                {

                     var messageArea = document.getElementById("dateMessage");
                     messageArea.innerHTML=xmlHttp.responseText;
                    setMessage(mes, val);
                }
            }
        }
        function setMessage(message, isValid)
        {
            var messageArea = document.getElementById("dateMessage");
            var fontColor = "red";
            if (isValid == "true")
            {
                fontColor = "green";
            }
            messageArea.innerHTML = "<font color=" + fontColor + ">" + message + " </font>";

        }
        function show()
        {
           var m = document.getElementById("dateMessage");
        alert(m.innerText);
        }
    </script>
</head>
<body>
    <h1>Ajax Validation Example</h1>
    Birth date: <input type="text" size="10" id="birthDate" onchange="validate();"/><label id="dateMessage" style="font-size:x-small"></label>

</body>

</html>