7

現時点で2つの問題があります。テンプレートを購入し、Rails アプリに統合しようとしています。

最初の問題:

jquery ツールのフォーム検証に問題があります。検証が機能していません。送信ボタンをクリックすると、検証メッセージがあるはずの入力の値が表示されます。また、必須フィールドに入力しても、フォームを送信できません。

このリンクにアクセスすると、データを編集して検証エラーを確認できます。

2番目の問題:

このリンクにアクセスすると、アバターと [情報の編集] ボタンがグレーの背景にぶら下がっていることがわかります。灰色の背景でアバター アイコンを完全にカプセル化するにはどうすればよいですか?

4

4 に答える 4

5

問題は検証スクリプトのみにあります。

次の場所を参照してください。

実際にそれを見るにはhttp://jsbin.com/uwuqul/1/edit

私はあなたのコーディングに3つの変更を加えました.

(1)。バリデータスクリプトを変更しました

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js" type="text/javascript"></script>

(2)。電子メール検証の場合、次のように電子メール フィールドのタイプを変更する必要があります。

<input id="demo_email" name="demo_email" required="required" size="30" type="text" value="" novalidate/>

（に）

<input id="demo_email" name="demo_email" required="required" size="30" type="email" value="" novalidate/>

(3)。バリデータ スクリプトにスタイルを追加する

jQuery(".edit_profile_form").validator({ 
      position: 'top', 
      offset: [25, 10],
      messageClass:'form-error',
      message: '<div style="width:270px;"><em/></div>' // em element is the arrow
    }).attr('novalidate', 'novalidate');

これはあなたの問題を解決するのに役立つかもしれないと思います。

于 2012-12-06T12:12:33.483 に答える
2

問題＃2の場合、ヘッダーにcssの問題があります。

.main-content > header {
    height: 16px;
}

その高さを取り除くと、コンテナはその中の要素に合うように成長します

于 2012-11-29T18:29:46.563 に答える
1

最初の問題については、jQuery Tools バリデーターがおかしくなっています。あなたのバージョンの jqt は、1.2.6それをアップグレードして1.2.7すべての設定を行うことを検討してください。

于 2012-12-04T21:23:29.547 に答える
-1

あなたの問題#1のために以下を試してください

set required="true" rather than required="required"

詳細については、この質問を参照してください。

アップデート

カスタムダウンロードに問題があるようです。CDNバージョンを試したところ、うまくいきました。

CDN にリンクします。

于 2012-11-27T09:54:46.383 に答える