نمایان شدن ستاره قرمز رنگ در جلوب فیلد،هنگامی که یکی از فیلد ها خالی هستند.

[jamejam123]

سلام به دوستان عزیز
لطفا به این تصویر یه نگاهی بندازید
ضمیمه 106544
می خواهم هنگامی که یکی از فیلد ها خالی است یک ستاره قرمز رنگ در جلوی آن نمایان گردد. یا فیلدی که خالی است به رنگ قرمز در آید
چگونه این کار را انجام دهم.
آیا آموزشی در این مورد دارید.
با تشکر

[mahmod2000]

با جاوا اسکریپت (jquery) میتونید این کار رو انجام بدید
شرط بزارید که وقتی کاربر از فیلد رفت به فیلد بعدی چک کنه اگه فیلد خالی بود عکس علامت قرمز نمایان بشه. که بهش blur هم میگن
مثال :

$("#idField").blur(function(e){

      if($(this).val() == ''){

     $("#ID_ShowPM").html('آدرس عکس مورد نظر برای زمانی که فیلد خالی بود');

     } else {

          $("#ID_ShowPM").html('آدرس عکس به نشانی درست پر شدن فیلد');

     }

  }

[habibvafapour]

میشه از تکنیک css و html5 هم استفاده کرد

<style>
input:valid{
	background-color:#093;
}
input:invalid{
	background-color:#CF0;}
</style>
<input type="text" required="required" />