1

jquery-validateをjquery-placeholderと組み合わせて使用​​できないというイライラする Internet Explorer の問題に対処しようとしています。つまり、バリデーションは のフィールドでは機能しませんtype=password。

詳細はこちら

私が思いついた解決策の 1 つは、パスワードを に変更することですがtype=text、これはもちろんパスワードを ではなくプレーンテキストで表示します*******。

フィールドが s であるかのように表示する巧妙なhtml/ js/cssトリックはありますか?textpassword

4

3 に答える 3

1

これらの答えが得られている間、私は自分自身のひらめきを持っていました. 一見、機能しているように見えます。他の回答をチェックして、最もうまく機能し、「ハック」が最も少ないと思われるアプローチを受け入れます。

このアプローチを思いついたのは、フィールドが空の場合 (まだプレースホルダー テキストがある場合) にのみ問題が存在し、「必要な」検証のみに合格しないことを発見したときです。type=password私の修正は、コンテンツが入力されたときに変更することです。

私のアプローチ：

$('#password, #password_confirm').keyup(function(){
    if ($(this).attr('type') === 'text') {
        if ($(this).val().length > 0) {
            $(this).attr('type', 'password');
        }
    } else if ($(this).val() == "") {
        $(this).attr('type', 'text');
    }
});
于 2013-06-17T15:54:14.473 に答える