0

セマンティック マークアップと DOM 操作についてどう思いますか?

たとえば、次のようなフィールドの下にエラー メッセージを表示できます。

<label for="email">Email:</label>
<input type="email" name="email" id="email">
<div class="error" id="email-error">Please enter a valid email address.</div>

エラークラスは非表示になり、javascript でエラーに表示されます。これには明らかに DOM 操作がほとんど必要ありませんが、セマンティック マークアップですか?

他のオプションは、エラー div を除外して、次のようなことを行うことです。

var element = $('#email');

if($("#EmailError").length==0) {
     $(element).after('<div class="error" id="email-error">Please enter a valid email address.</div>');
}

実際にエラーがある場合にのみ入力してください。皆さんはどう思いますか？

4

2 に答える 2

0

ダンダビスが書いたように：

<input type="email">

行く方法です。一方、html5 検証なしでエラーを通知したい場合は、div の代わりに追加の label-element を使用する必要があります。

<label for="email" class="error">Please enter a valid email</label>.
于 2013-05-10T17:59:04.110 に答える