【php pro掲示板関連】

最初のステップ: フォーム検証をメッセージボードに追加します

jquery; >https://github.com/posabsolute/jQuery-Validation-Engine validationEngine、中国語ドキュメント:

http://code.ciaoca.com/jquery/validation_engine/

プレースホダーと this.value の値が異なる場合、jquery は効果を発揮できません。

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

HTML 5 d5fd7aea971a85678ba271703566ebfd プレースホルダー属性

プレースホルダー属性は、入力フィールドの期待値を説明するヒントを提供します。

このツールチップは、入力フィールドが空の場合に表示され、フィールドにフォーカスが置かれると消えます。

728034979304438542d821b3e5724374

次の点に注意してください。 ID とクラスの変更。

コードのこの部分は主に、ページがロードされた後に「イベントをリッスンする」メソッドを宣言します。

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>