[php pro留言板相关]

php中文网
发布: 2016-06-20 12:45:36
原创
1201人浏览过

第一站:为留言板添加表单验证

jquery;https://github.com/posabsolute/jquery-validation-engine

validationEngine,中文doc: http://code.ciaoca.com/jquery/validation_engine/


AiPPT模板广场
AiPPT模板广场

AiPPT模板广场-PPT模板-word文档模板-excel表格模板

AiPPT模板广场 147
查看详情 AiPPT模板广场
<a href="#" class=" icon user"></a><input type="text" class="validate[required]" name="name" placeholder="your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'your name';}" ><div class="clear"></div>
登录后复制

当placehoder和this.value值不一样时,jquery无法出现效果。

HTML 5 placeholder 属性

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

立即学习PHP免费学习笔记(深入)”;

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。


注意id和class的修改。


jQuery(document).ready(function()
登录后复制

这部分代码主要声明,页面加载后 “监听事件” 的方法。

使用document.ready()方法的执行速度比onload()的方法要快。

<link rel="stylesheet" href="css/validationEngine.jquery.css"><script src="js/jquery-1.7.2.js"></script> <script src="js/jquery.validationEngine-zh_CN.js"></script> <script src="js/jquery.validationEngine.js"></script> 	<script>		jQuery(document).ready(function(){			// binds form submission and fields to the validation engine			jQuery("#formID").validationEngine('attach', {				promptPosition : "topRight",				 autoPositionUpdate : true,				 showOneMessage: true,});		});            		function checkHELLO(field, rules, i, options){			if (field.val() != "HELLO") {				// this allows to use i18 for the error msgs				return options.allrules.validate2fields.alertText;			}		}	</script>
登录后复制


PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号