چند سوال

[سلام به همه]

سلام...میخوام وقتی کاربر فیلد رو پر کرد ، اگه درست پرکرد ، کادر فیلد سبز بشه .... و اگه غلط پر کرد ، کادر فیلد قرمز بشه و تا کاربر فیلد رو درست پر کنه ، اون کادر ، همون طور قرمز بمونه...
کسی از دوستان همچین کدی رو داره؟؟؟
میخوام جاوا اسکریپت باشه نه جیکوئری...
ممنون

[MSK]

شاید اینا به شما کمک کنه:
http://rickharrison.github.io/validate.js/
http://parsleyjs.org/

[masious]

این فک کنم کمکتون کنه:


document.getElementById('myInputBox').addEventList ener( 'blur' , changeBorder , false );
function changeBorder(){
if( validator() ){
this.style.border = '1px solid green';
}
else{
this.style.border = '1px solid red';
}
}

سطر اول باعث میشه وقتی المانی با آیدی myInputBox، فوکوسش رو از دست میده تابع changeBorder اجرا بشه.
در تابع changeBorder هم، اگر تابع validator (که قراره معتبر یا نامعتبر بودن مقدار فیلد رو چک بکنه) مقدار true رو return کرد، کادر فیلد رو سبز میکنه و در غیر این صورت، قرمزش می کنه.
شما فقط باید زحمت تابع validator رو بکشی، که اونم اگه بگی موضوع فیلد چیه، خوشحال میشم کمک کنم.