エプソンダイレクト株式会社
Home > 2021年4月26日(月曜日)

2021年4月26日(月曜日)

jQuery.validationEngine v3.1.0 のあれこれ ~その 2 ~

Category: ホームページ制作 | Posted By at 22:35:29

GitHub – posabsolute/jQuery-Validation-Engine: jQuery form validation plugin

昔から何度も使っていたのですが、
久々に触るとだいぶ変わっているようです。

jQuery.validationEngine は
ホームページのフォームの
記入漏れをチェックするための
jQuery ライブラリです。

さて有名であるにもかかわらず、
古い情報しか見受けられなくて
『???』なトラブルだったので
どなたかのお役に立てれば…
(ここまで職人が丹精込めてコピペしました)

さて、ひょっとすると前からだったかもしれませんが、
実は jQuery.validationEngine には困った仕様があります。

form 要素の中にはそこにこんな値を入れて下さいね…
という placeholder という属性があります。
例えば以下のような感じ。


で、実は jQuery.validationEngine では
この placeholder と同じ値をフォームに入力すると
『入力してないよね?』とエラーが出ます。

都道府県

これに『大阪府』と入力すると入力してください
と警告が出てしまいます。
で、なんかやらかしたっけ?
と悩んで一日つぶれたりします。

jQuery.validationEngine.js で
placeholder で検索をかけると
以下のようなところがあります。

default:
	var field_val      = $.trim( field.val()                               );
	var dv_placeholder = $.trim( field.attr("data-validation-placeholder") );
	var placeholder    = $.trim( field.attr("placeholder")                 );
	if (
		   ( !field_val                                    )
		|| ( dv_placeholder && field_val == dv_placeholder )
		|| ( placeholder    && field_val == placeholder    )
	) {
		return options.allrules[rules[i]].alertText;
	}
	break;

placeholder でこのような症状でお困りの場合は、
この赤の部分は不要ですので
削除またはコメントアウトしてかまいません。

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム