3

私は SO と Web 開発全般の両方に不慣れです。私の一般的な無知で申し訳ありません。

フォーム送信前に検証を行うフォームを作成しました。jqueryTOOLS の基本的なバリデーターを含めました: http://www.jquerytools.org/demos/validator/index.html

正常に動作しますが、エラー メッセージの位置を調整する必要があります。これは、次のコードで実行できることがわかりました。

$("#myform").validator({
position: 'center left',
offset: [-2, 80],
});

ただし、エラーメッセージを含むdivの左側の位置を調整しています。エラーを各フィールドの左側に表示したいので、エラー メッセージの左側ではなく右側を固定しようとしています。

そのため、位置とオフセットを使用してエラー メッセージを移動できますが、移動しているエラー メッセージのポイントを変更する必要があります。

エラー メッセージの長さが異なるため、これは重要です。そのため、左側を固定すると、対話が必要なフィールドが長いメッセージでカバーされます。

これが明確であることを願っています。そうでない場合は、さらに説明できます。:)

4

1 に答える 1

2

この問題は、leftcss 属性と属性を設定する jquery ツール プラグインがright 原因です。ページ上に絶対に配置されているため、「中央左」の計算は正しくありません。ページの左側ではなく、右側からの距離を計算する必要があります。デモページでもこの失敗を見ることができます:コンソールを開いてこれを実行するだけです:

$("#myform").validator({position:'center left', offset:[0,0]})

送信をクリックすると、機能しないことがわかります

エラー幅に特定の幅 (たとえば 200) を強制し、offset:[0,200] を渡すと、正しく表示されます。

そうしないと、おそらくプラグイン ソースのロジックを手動で修正する必要があります (そして、バグを提出してください!)。

于 2012-06-27T20:54:16.310 に答える