Rails アプリで Foundation を使用しており、フォーム内のテキスト フィールドの長さを検証する方法を探しています。 )。
docsで説明されているように、Foundation's abide を使用して、カスタムの名前付きパターンを作成しようとしました。
以下は、application.js
Foundation の初期化時のカスタム パターンを含むファイルの内容です。
$(function(){
$(document)
.foundation()
.foundation('abide', {
patterns: {
short_field: /^.{,40}$/,
long_field: /^.{,72}$/
}
});
});
ビュー内のフォーム コードは次のとおりです。
<form data-abide>
<div class="long-name-field">
<input type="text" pattern="long_field" placeholder="Long Field">
<small class="error">Too long.</small>
</div>
<div class="short-name-field">
<input type="text" pattern="short_field" placeholder="Short Field">
<small class="error">Too long.</small>
</div>
</form>
問題は、フォーム ページを読み込むと、すべてのフィールドが常にエラー メッセージを表示することです。フィールドが空であるか、文字数制限に満たないか、文字数制限を超えているかにかかわらずです。
abbid を使って同様のことを成功させた人はいますか (または、カスタムの名前付きパターンを使用しないより良い方法を知っていますか)?
乾杯。