[php pro留言板相关]-php教程-PHP中文网

[php pro留言板相关]

php中文网

发布： 2016-06-20 12:45:36

原创

1213人浏览过

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

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

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

国洋商务通

Gyb2b V1.01免费版可终身使用,是一款功能强大的B2B电子商务应用软件。该软件不仅更新和修改了V1.0相关功能，更是采用了目前互联网上最流行的LAMP组合（Linux+Apache+Mysql+PHP）开发完成，模板技术实现了界面与代码的有效分离，用户可以快速地在此基础上编译模板；提供B2B电子商务应用最常见的求购、供应、商品、公司库、行业资讯、商圈、资信认证、在线交易、交易评分、留言、搜

查看详情

<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>

登录后复制