jquery - デフォルト値のJquery

Question

jqueryを使用して、テキストボックスにデフォルト値が含まれていて、「isrequired」の値が「はい」の場合、これらの要素の色を赤に変更するにはどうすればよいですか?

<input type="text" value="Name" isrequired="Yes">
<input type="text" value="Address" isrequired="No">
<input type="text" value="Age" isrequired="Yes">

Answer 1

入力 html を変更して、デフォルト値を格納する追加の data-* 属性を追加します

<input type="text" value="Name" data-default="Name" isrequired="Yes">
<input type="text" value="Address" data-default="Address" isrequired="No">
<input type="text" value="Age" data-default="Age" isrequired="Yes">

Jクエリ

$('input[isrequired=Yes]').each(function(){
if($(this).val()==$(this).data("default"))
{$(this).css('color', 'red');}
})

---

更新：私にとって非常に新しいdefaultvalueプロパティを使用して

$('input[isrequired=Yes]').each(function(){
  if (this.value == this.defaultValue) {$(this).css('color', 'red'); }

});

はるかに良く、よりきれいです。

Answer 2

以下は、値がユーザーの入力時のデフォルト値である場合、テキスト フィールドのテキストを赤に変更します。

JavaScript: (jQuery が必要)

$('input[type=text][isrequired=Yes]').on("change", function(){
  if ($(this).val() == this.defaultValue) { $(this).addClass("req"); }
  else { $(this).removeClass("req"); }
});

CSS:

.req { color:red }