[php] xajax 的表單輸入欄位(input、textarea)的處理教學

如果要使用xajax來處理input的資料,就如同使用php來處理一樣,其實是非常容易的。而以下就將介紹如何使用xajax來檢查用戶帳號和密碼是否有輸入。

首先,先看一下原始的程式碼如下:

<?php
include_once ("./xajax/xajax_core/xajax.inc.php");
$xajax = new xajax();
$xajax->registerFunction("processform");

function processform($form){
$res = new xajaxResponse();
$username = $form['username'];
$password = $form['password'];
$expr = $form['expr'];
if (trim($username) == '')
$res->assign("nousername", "innerHTML", "Please input a username");
else
$res->assign("nousername", "innerHTML", "");

if (trim($password) == '')
$res->assign("nopassword", "innerHTML", "Please input a password");
else
$res->assign("nopassword", "innerHTML", "");
$res->assign("expr", "innerHTML", $expr);
return $res;
}

$xajax->processRequest();
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
$xajax->printJavascript("/xajax");
?>
</head>
<body>
<form id="form1" action="javascript:void(null);">
<div>username: <input type="text" name="username" /> <span id="nousername"></span></div>
<div>password: <input type="password" name="password" /> <span id="nopassword"></span></div>
<div>expr:
<textarea name="expr" cols="45" rows="4"></textarea>
<span id="expr"></span>
</div>
<input type="button" value="Click Me" onClick="xajax_processform(xajax.getFormValues('form1'));" />
</form>
</body>
</html>

 

這段程式碼比較要注意的是表單的部份,其中「xajax.getFormValues(‘form1’)」是將我們表單的form1以參數傳送到「processform」這個函式。

<form id="form1" action="javascript:void(null);">
<div>username: <input type="text" name="username" /> <span id="nousername"></span></div>
<div>password: <input type="password" name="password" /> <span id="nopassword"></span></div>
<div>expr:
<textarea name="expr" cols="45" rows="4"></textarea>
<span id="expr"></span>
</div>
<input type="button" value="Click Me" onClick="xajax_processform(xajax.getFormValues('form1'));" />
</form>

 

而如果要取出輸入欄位的值,只要用「$form[變數名稱]」就可以了,,以帳號和密碼而言,要去掉左右兩側的空白,並且進行檢查使用者是否有輸入值即可。

$username = $form['username'];
$password = $form['password'];
$expr = $form['expr'];

 

About 張海芋

城市裡的小小迷僮工程師,喜歡用鍵盤記錄個人生活的點滴,身邊的人事物都我的靈感,用心踏出每個腳步,用文字灌溉《海芋小站》,用專業解決問題。

發表迴響