3

私は以下にこのオブジェクトを持っています:

このようにHTMLにメッセージを入れることを考えました

<div id = "text_identifier">text_here</div> // div is hidden.

次に、getElementByIdを使用してメッセージをJavaScriptにプルし、最後に正しい要素(のパラメーター要素Message)でユーザーに表示します。

2つの関連する質問?

このようなJavaScriptのコンテンツを持つことは悪い習慣ですか?

メッセージをHTMLに移動する場合、上記で説明した方法がベストプラクティスですか?

/**
 *Message
 */

var Message = function( element )
{
    var messages =  
    {
        name:         'Please enter a valid name',
        email:        'Please enter a valid email',
        pass:         'Please enter passoword, 6-40 characters',
        url:          'Please enter a valid url',
        title:        'Please enter a valid title',
        tweet:        'Please enter a valid tweet',
        empty:        'Please complete all fields',
        email_s:      'Please enter a valid email.',
        same:         'Please make emails equal',
        taken:        'Sorry, that email is taken',
        validate:     'Please contact <a class="d" href="mailto:guy@host.com">support</a> to reset your password',
    }
    this.display = function( type ) 
    {
        element.innerHTML = messages[ type ];
        new Effects().fade( element, 'down', 4000 );
    }
};
4

3 に答える 3

1

これまでの説明に基づいてJavaScriptの使用方法を知っていると確信しています。実際には、使用している方法はまったく問題なく、害を及ぼすことはありません。参照が必要な場合に備えて、リンクを追加しました。

http://www.javascripttoolbox.com/bestpractices/

于 2012-04-09T18:36:55.197 に答える
1

それはあなたがそれをどのようにやりたいかによります。多くの場合、JavaScriptは重要ではなく、phpバックエンド部分です。したがって、システムで読みやすいように統合します。:)

各要素にHTMLdata-*属性を使用します。

多くの入力がある場合は、次のようにすることができます。

<input type="text" name="name" data-error-message="Please enter a valid name">
<input type="text" name="email" data-error-message="Please enter a valid email">
<input type="text" name="pass" data-error-message="Please enter passoword, 6-40 character">

値を選択するときに、エラーメッセージを選択することもできます:)

于 2012-04-09T18:39:10.280 に答える
1

本当に好みだと思います。HTMLでそれを持ち、特定のクラスのdivのみを表示することができます(つまり、「申し訳ありませんが、その電子メールが取得されました」というdivにはクラス.takenがあり、そのエラーがトリガーされたときにそのdivを表示します)。

いずれにせよパフォーマンスについての議論があるかもしれませんが、私はそれらをこのスケールではかなり取るに足らないものと見ています、そしてどちらかといえばあなたの方法は少し良いかもしれません。これにより、メッセージを編集するための1つの統一された場所と、それらのメッセージを前面に呼び出すための簡単でクリーンな方法が提供されます。

だから本当に、意見/好みの問題。

于 2012-04-09T18:39:25.147 に答える