joomla內(nèi)置的表單驗(yàn)證功能使用方法
更新時間:2010年06月11日 01:11:12 作者:
Joomla有自己的表單驗(yàn)證功能,可以很方便地實(shí)現(xiàn)驗(yàn)證,沒有通過驗(yàn)證的輸入框在提交報錯后會用紅色邊框表示,很清楚地知道漏了那幾項(xiàng)沒填。
以下說一下使用方法:
在要使用表單功能的頁面的最上面輸入如下代碼
JHTML::_('behavior.formvalidation');
然后把如下腳本加入頁面上
<script type="text/javascript">
function formValidate(f) {
if (document.formvalidator.isValid(f)) {
f.check.value='<?php echo JUtility::getToken(); ?>';//send token
return true;
}
else {
alert('Some values are not acceptable. Please retry.');
}
return false;
}
</script>
在form的位置修改代碼
添加了以上代碼之后,在form中的input只要加入class="required",驗(yàn)證功能就會生效。
joomla的驗(yàn)證腳本都用class實(shí)現(xiàn),class的名稱決定使用什么驗(yàn)證方法。
最常用的class="required"意思為必填項(xiàng)
class="validate-email"意思為驗(yàn)證郵件地址
驗(yàn)證方法可以復(fù)合使用,比如我要Email為必須,符合格式才可以提交,可以這樣寫:
class="validate-email required"
定制驗(yàn)證方法:
Joomla驗(yàn)證功能支持定制,可以設(shè)置不常用的驗(yàn)證規(guī)則。
比如我要做一個密碼項(xiàng)加一個確認(rèn)密碼項(xiàng),兩個輸入框的值相等才可以提交,可以添加如下腳本
document.formvalidator.setHandler('passverify', function (value) { return ($('password').value == value); });
<input type="password" value="" class="validate-passverify" />
在要使用表單功能的頁面的最上面輸入如下代碼
JHTML::_('behavior.formvalidation');
然后把如下腳本加入頁面上
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function formValidate(f) {
if (document.formvalidator.isValid(f)) {
f.check.value='<?php echo JUtility::getToken(); ?>';//send token
return true;
}
else {
alert('Some values are not acceptable. Please retry.');
}
return false;
}
</script>
在form的位置修改代碼
復(fù)制代碼 代碼如下:
<form ... onsubmit="return formValidate(this)">
添加了以上代碼之后,在form中的input只要加入class="required",驗(yàn)證功能就會生效。
joomla的驗(yàn)證腳本都用class實(shí)現(xiàn),class的名稱決定使用什么驗(yàn)證方法。
最常用的class="required"意思為必填項(xiàng)
class="validate-email"意思為驗(yàn)證郵件地址
驗(yàn)證方法可以復(fù)合使用,比如我要Email為必須,符合格式才可以提交,可以這樣寫:
class="validate-email required"
定制驗(yàn)證方法:
Joomla驗(yàn)證功能支持定制,可以設(shè)置不常用的驗(yàn)證規(guī)則。
比如我要做一個密碼項(xiàng)加一個確認(rèn)密碼項(xiàng),兩個輸入框的值相等才可以提交,可以添加如下腳本
復(fù)制代碼 代碼如下:
document.formvalidator.setHandler('passverify', function (value) { return ($('password').value == value); });
<input type="password" value="" class="validate-passverify" />
您可能感興趣的文章:
相關(guān)文章
PHP實(shí)現(xiàn)簡單注冊登錄系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)簡單注冊登錄系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-12-12如何修改和添加Apache的默認(rèn)站點(diǎn)目錄
本篇文章是對修改和添加Apache的默認(rèn)站點(diǎn)目錄方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-07-07簡單介紹win7下搭建apache+php+mysql開發(fā)環(huán)境
這里給大家介紹的是Win7下搭建“PHP+Apache+MySql”網(wǎng)站運(yùn)行環(huán)境詳細(xì)方法步驟,十分的細(xì)致全面,有需要的小伙伴可以參考下。2015-08-08PHP創(chuàng)建XML的方法示例【基于DOMDocument類及SimpleXMLElement類】
這篇文章主要介紹了PHP創(chuàng)建XML的方法,結(jié)合實(shí)例形式分析了php基于DOMDocument類及SimpleXMLElement類創(chuàng)建xml文件的具體步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-09-09php操作sqlserver關(guān)于時間日期讀取的小小見解
以前一直在用mysql對sqlserver不是很熟悉,于是摸著石頭過河。沒有別的至少mysql和sqlserver還算是親戚 做條件查詢的時候。出現(xiàn)了問題2009-11-11yii框架源碼分析之創(chuàng)建controller代碼
我們可以看到有時會使用protected目錄下的controller,有時會使用module中controller,具體是如何處理的呢,請看如下的分析2011-06-06php實(shí)現(xiàn)用于驗(yàn)證所有類型的信用卡類
這篇文章主要介紹了php實(shí)現(xiàn)用于驗(yàn)證所有類型的信用卡類,實(shí)例分析了信用卡類的實(shí)現(xiàn)原理與相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03