カテゴリー
log

Firefox + jquery.validate.jsでinputへの日本語入力で変な症状。

結構特殊な条件だとはおもうんだけど、

・Firefox + jquery.validate.js + require等のエラー文言に手を加えていて”<span>必須項目だよ</span>”とかにしてる。

という時に、へんな現象に遭遇。

上記の条件で、

  1. フォーム入力時に、なんも入力せず、submitしてエラー文言をださせる。
  2. requireを設定したinputに日本語を入力しようとするとへんな風に変換される(入力内容繰り返し、ひらがなだらけ)
  3. 一旦Enter(変換を確定するということ)かませて、入力すればOK。フィールド内の内容を全部けしてしまうと、
     またエラー文言がでてしまうので、2の繰り返し。

という症状。

・JSをHTMLとあわせた文字コードできちんと読み込ませる(charaset=”UTF-8″)
message_ja.jsとか外部ファイルをかませる

などやってみたがどれもダメで。

で、エラー文言内の、<span></span>外したら正常に動く。HTMLタグがはいっているとダメなのか。

結果として、エラー文言は、
<label class=”error”>〜</label>
ででるので、<span>にあててたCSSをlabel.errorに書き直して解決。