2012-01-25 29 views
3

私はjQueryのモバイルプロジェクトで、この例で動作しているフォームの検証を使用しようとしている:jQueryのフォーム検証

http://jsfiddle.net/elijahmanor/A8jt3/light/

この例では、jQueryのモバイルJSの古いバージョンを動作しますが、使用していますおよびcssファイル。私はこのフォームの検証を壊しているように見える1.0リリースのバージョンで作業しています。あなたはログインボタンをクリックしたときに警告メッセージを取得しますが、彼らは赤ではなく、元のバージョンに比べて、間違った場所にあるわかります

http://jsfiddle.net/8dHg9/3/

の位置は:私の更新されたバージョンを見ることができます。

jQuery Mobile 1.0を使用して、元のバージョンを壊したものや機能を新しいバージョンに復元する方法を見つけることができますか?

答えて

3

これを試してみてください:

http://jsfiddle.net/8dHg9/37/

+0

はそんなに問題なく動作するように見えること、ありがとうございます。本当に助けに感謝します。どのようにこれをデバッグするのか説明する機会があれば、これも役に立ちますので、これを行う方法を学ぶことができます.CSSかjsファイルかどうかは分かりませんでした。 – user982124

+0

心配ありません;)あなたの問題はあなたのCSSにありました。あなたは決して使っていないスタイルクラスを定義していました(.portrait。landscape)。クラスを動的に追加することは可能ですが、マークアップが定義されているので、画面の寸法は重要ではありません。エラーテキストは入力フィールドと常に同じです。他に何もCSSが変わる必要はありません。 – travega

+0

これについてはわかりませんが、jqueryのバージョン1.7では、検証メソッドが存在しないため、jquery検証プラグインを含める必要があります:http://docs.jquery.com/Plugins/Validation – SAFAD

関連する問題