xajax的FORM例子

程序员文章站 2022-03-14 10:39:27
复制代码代码如下:
<?php
// signup.php
// demonstrates a simple multipage form using xajax
// and the xajax.getformvalues() function.
// using xajax version 0.1 beta4
// http://xajax.sourceforge.net
session_start();
include ("xajax.inc.php");
function processform($aformvalues)
{
        if (array_key_exists("username",$aformvalues))
        {
                return processaccountdata($aformvalues);
        }
        else if (array_key_exists("firstname",$aformvalues))
        {
                return processpersonaldata($aformvalues);
        }
}
function processaccountdata($aformvalues)
{
        $objresponse = new xajaxresponse();
        $berror = false;
        if (trim($aformvalues['username']) == "")
        {
                $objresponse->addalert("please enter a username.");
                $berror = true;
        }
        if (trim($aformvalues['newpass1']) == "")
        {
                $objresponse->addalert("you may not have a blank password.");
                $berror = true;
        }
        if ($aformvalues['newpass1'] != $aformvalues['newpass2'])
        {
                $objresponse->addalert("passwords do not match.  try again.");
                $berror = true;
        }
        if (!$berror)
        {
                $_session = array();
                $_session['newaccount']['username'] = trim($aformvalues['username']);
                $_session['newaccount']['password'] = trim($aformvalues['newpass1']);
                $sform = "<form id=\"signupform\" action=\"javascript:void(null);\" onsubmit=\"submitsignup();\">";
                $sform .="<div>first name:</div><div><input type=\"text\" name=\"firstname\" /></div>";
                $sform .="<div>last name:</div><div><input type=\"text\" name=\"lastname\" /></div>";
                $sform .="<div>email:</div><div><input type=\"text\" name=\"email\" /></div>";
                $sform .="<div class=\"submitdiv\"><input id=\"submitbutton\" type=\"submit\" value=\"done\"/></div>";
                $sform .="</form>";
                $objresponse->addassign("formdiv","innerhtml",$sform);
                $objresponse->addassign("formwrapper","style.backgroundcolor", "rgb(67,149,97)");
                $objresponse->addassign("outputdiv","innerhtml","\$_session:<pre>".var_export($_session,true)."</pre>");
        }
        else
        {
                $objresponse->addassign("submitbutton","value","continue ->");
                $objresponse->addassign("submitbutton","disabled",false);
        }
        return $objresponse->getxml();
}
function processpersonaldata($aformvalues)
{
        $objresponse = new xajaxresponse();
        $berror = false;
        if (trim($aformvalues['firstname']) == "")
        {
                $objresponse->addalert("please enter your first name.");
                $berror = true;
        }
        if (trim($aformvalues['lastname']) == "")
        {
                $objresponse->addalert("please enter your last name.");
                $berror = true;
        }
        if (!eregi("^[a-za-z0-9]+[_a-za-z0-9-]*(\.[_a-z0-9-]+)*@[a-z??????0-9]+(-[a-z??????0-9]+)*(\.[a-z??????0-9-]+)*(\.[a-z]{2,4})$", $aformvalues['email']))
        {
                $objresponse->addalert("please enter a valid email address.");
                $berror = true;
        }
        if (!$berror)
        {
                $_session['newaccount']['firstname'] = $aformvalues['firstname'];
                $_session['newaccount']['lastname'] = $aformvalues['lastname'];
                $_session['newaccount']['email'] = $aformvalues['email'];
                $objresponse->addassign("formdiv","style.textalign","center");
                $sform = "account created.<br />thank you.";
                $objresponse->addassign("formdiv","innerhtml",$sform);
                $objresponse->addassign("formwrapper","style.backgroundcolor", "rgb(67,97,149)");
                $objresponse->addassign("outputdiv","innerhtml","\$_session:<pre>".var_export($_session,true)."</pre>");
        }
        else
        {
                $objresponse->addassign("submitbutton","value","done");
                $objresponse->addassign("submitbutton","disabled",false);
        }
        return $objresponse->getxml();
}
$xajax = new xajax();
//$xajax->debugon();
$xajax->registerfunction("processform");
$xajax->processrequests();
?>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
        <head>
                <?php $xajax->printjavascript(); ?>
                <style type="text/css">
                #formwrapper{
                        color: rgb(255,255,255);
                        background-color: rgb(149,67,97);
                        width: 200px;
                }
                #title{
                        text-align: center;
                        background-color: rgb(0,0,0);
                }
                #formdiv{
                        padding: 25px;
                }
                .submitdiv{
                        margin-top: 10px;
                        text-align: center;
                }
                </style>
                <script type="text/javascript">
                function submitsignup()
                {
                        xajax.$('submitbutton').disabled=true;
                        xajax.$('submitbutton').value="please wait...";
                        xajax_processform(xajax.getformvalues("signupform"));
                        return false;
                }
                </script>
        </head>
        <body>
                <div id="formwrapper">
                        <div id="title">create a new account</div>
                        <div id="formdiv">
                                <form id="signupform" action="javascript:void(null);" onsubmit="submitsignup();">
                                        <div>username:</div><div><input type="text" name="username" /></div>
                                        <div>password:</div><div><input type="password" name="newpass1" /></div>
                                        <div>confirm password:</div><div><input type="password" name="newpass2" /></div>
                                        <div class="submitdiv"><input id="submitbutton" type="submit" value="continue ->"/></div>
                                </form>
                        </div>
                </div>
                <div id="outputdiv">
                </div>
        </body>
</html>
上一篇： ajax.js里面有内容显示效果，根据ID
下一篇： AJAX 用户唯一性验证实现代码
xajax的FORM例子

Asp.Net实现FORM认证的一些使用技巧(必看篇)

js Form.elements[i]的使用实例

android,不显示标题的方法小例子

Python的Asyncore异步Socket模块及实现端口转发的例子

C# 合并GriewView相同列的小例子

c#使用linq技术创建xml文件的小例子

VS2010怎么新建包含两个form的HELLO WORLD项目?

js动态在form上插入enctype=multipart/form-data的问题

ASP.NET在MVC控制器中获取Form表单值的方法

Android 取得状态栏、任务栏高度的小例子
