joomla内置的表单验证功能使用方法

以下说一下使用方法
在要使用表单功能页面的最上面输入如下代码
JHTML::_('behavior.formvalidation');
然后把如下脚本加入页面
<div class="codetitle"><a style="CURSOR: pointer" data="87408" class="copybut" id="copybut87408" onclick="doCopy('code87408')"> 代码如下:

<div class="codebody" id="code87408">
<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;
}


在form的位置修改代码
<div class="codetitle"><a style="CURSOR: pointer" data="79122" class="copybut" id="copybut79122" onclick="doCopy('code79122')"> 代码如下:
<div class="codebody" id="code79122"><form ... onsubmit="return formValidate(this)">

添加了以上代码之后,在form中的input只要加入class="required",验证功能就会生效。
joomla的验证脚本都用class实现,class的名称决定使用什么验证方法
最常用的class="required"意思为必填项
class="validate-email"意思为验证邮件地址
验证方法可以复合使用,比如我要Email为必须,符合格式才可以提交,可以这样写:
class="validate-email required" 定制验证方法
Joomla验证功能支持定制,可以设置不常用的验证规则。
比如我要做一个密码项加一个确认密码项,两个输入框的值相等才可以提交,可以添加如下脚本
<div class="codetitle"><a style="CURSOR: pointer" data="57095" class="copybut" id="copybut57095" onclick="doCopy('code57095')"> 代码如下:
<div class="codebody" id="code57095">
document.formvalidator.setHandler('passverify',function (value) { return ($('password').value == value); });

表单验证

相关文章

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
前言 之前做了微信登录,所以总结一下微信授权登录并获取用户...
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一...
之前公司需要一个内部的通讯软件,就叫我做一个。通讯软件嘛...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...