[Joomla] 利用joomla内置的表单验证功能

Joomla有自己的表单验证功能，可以很方便地实现验证，没有通过验证的输入框在提交报错后会用红色边框表示，很清楚地知道漏了那几项没填。

以下说一下使用方法：

在要使用表单功能的页面的最上面输入如下代码

JHTML::_('behavior.formvalidation');

然后把如下脚本加入页面上

<script type="text/javascript">
function formValidate(f) {if (document.formvalidator.isValid(f)) {f.check.value='<?php echo JUtility::getToken(); ?>';//send tokenreturn true;}else {alert('Some values are not acceptable.  Please retry.');}return false;
}
</script>

在form的位置修改代码

<form ...  οnsubmit="return formValidate(this)">

添加了以上代码之后，在form中的input只要加入class="required"，验证功能就会生效。

joomla的验证脚本都用class实现，class的名称决定使用什么验证方法。

最常用的class="required"意思为必填项

class="validate-email"意思为验证邮件地址

验证方法可以复合使用，比如我要Email为必须，符合格式才可以提交，可以这样写：

class="validate-email required"

定制验证方法：

Joomla验证功能支持定制，可以设置不常用的验证规则。

比如我要做一个密码项加一个确认密码项，两个输入框的值相等才可以提交，可以添加如下脚本

document.formvalidator.setHandler('passverify', function (value) { return ($('password').value == value); });<input type="password" value="" class="validate-passverify" />

转载于:https://www.cnblogs.com/catcat811/archive/2010/06/09/1755012.html

[Joomla] 利用joomla内置的表单验证功能相关推荐

CSS骚操作之表单验证功能的实现代码
CSS骚操作之表单验证功能的实现代码效果图如下: 原理: 表单元素中,有一个pattern属性,可以自定义正则表达式(如手机号.邮箱.身份证-):valid伪类,可以匹配通过pattern验证的元 ...
js与php表单验证,JS简单表单验证功能完整示例
本文实例讲述了JS简单表单验证功能.分享给大家供大家参考,具体如下: 简单js表单验证demo Document //当用户名获取焦点时 function focus_username(){ docu ...
利用jQuery.validator来做表单验证，不要太轻松（全攻略）
1.介绍 jQuery.validator是给我们用来做表单验证提交时的一个插件,你可以直接去官网下载,也可以通过菜鸟教程学习和下载该插件菜鸟教程(jQuery.validator) 2.使用 2. ...
利用策略模式与装饰模式扩展JavaScript表单验证功能
tip:有问题或者需要大厂内推的+我脉脉哦:丛培森 ٩( 'ω' )و [本文源址:http://blog.csdn.net/q1056843325/article/details/55097262 ...
jquery 实现表单验证功能代码(简洁)
html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title&g ...
php登陆页面修改密码的功能,使用bootstrap创建登录注册页面并实现表单验证功能...
本篇文章给大家介绍一下使用bootstrap创建登录注册页面并实现单验证功能的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 用bootstrap做登入注册页面,使用valid ...
HTML学生个人网站作业设计：宠物网站设计——宠物网站带会员登陆表单验证功能7页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |宠物网页设计 | 保护动物网页 | 鲸鱼海豚主题 | 保护大象 ...
vue中使用element-ui的表单验证功能prop属性
转自:https://www.it610.com/article/1279903369556672512.htm 1.在标签中绑定 :rules="方法名称",然后在 data ...
真正简单的基于prototype的表单验证
由 searchadmin 于周二, 10/16/2007 - 06:44 提交. 真正简单的基于prototype的表单验证 tag:prototype 数据验证表单验证 validator j ...

[Joomla] 利用joomla内置的表单验证功能

[Joomla] 利用joomla内置的表单验证功能相关推荐

最新文章

热门文章