اعتبار سنجی فرم

[Collection]

سلام دوستان
یه کمکی بکنید جهت اعتبار سنجی فرم
4 فرم دارم برای ثبت نام، ورود، فراموشی رمز و فعال سازی اکانت

برای فرم ثبت نام می خوام اعتبار سنجی جهت حروف ها و اعداد و اینکه ایا نام کاربری مورد نظر در دیتابیس هستش یا نه قرار بدم! و خالی نبودن فیلد
پسورد هم اعتبار سنجی حروف و اعداد و خالی نبودن فیلد
نام اعتبار سنجی حروف و خالی نبودن فیلد
فامیل اعتبار سنجی حروف و خالی نبودن فیلد
و همچنین اعتبار سنجی شماره تماس و با کشور انخاب شده که خیلی مهمه و خالی نبودن فیلد

ورود
اعتبار سنجی خالی نبودن فیلدها

فعال سازی
اعتبار سنجی نام کاربری در دیتابیس و خالی نبودن فیلد
اعتبار سنجی پسورد حروف و اعداد و خالی نبودن فیلد
اعتبار سنجی کد فعال سازی حروف و اعداد و خالی نبودن فیلد

ارسال اطلاعات (فراموشی)
اعتبار سنجی شماره تماس با کشور انتخاب شده و خالی نبودن فیلد

برای اینها می خوام اگه اعتبار سنجی منفی بود ؛ border اینپوت ها قرمز بشه. و در صورت درست بودن border سبز بشه

[Collection]

سلام دوستان
یه کمکی بکنید جهت اعتبار سنجی فرم
4 فرم دارم برای ثبت نام، ورود، فراموشی رمز و فعال سازی اکانت

برای فرم ثبت نام می خوام اعتبار سنجی جهت حروف ها و اعداد و اینکه ایا نام کاربری مورد نظر در دیتابیس هستش یا نه قرار بدم! و خالی نبودن فیلد
پسورد هم اعتبار سنجی حروف و اعداد و خالی نبودن فیلد
نام اعتبار سنجی حروف و خالی نبودن فیلد
فامیل اعتبار سنجی حروف و خالی نبودن فیلد
و همچنین اعتبار سنجی شماره تماس و با کشور انخاب شده که خیلی مهمه و خالی نبودن فیلد

ورود
اعتبار سنجی خالی نبودن فیلدها

فعال سازی
اعتبار سنجی نام کاربری در دیتابیس و خالی نبودن فیلد
اعتبار سنجی پسورد حروف و اعداد و خالی نبودن فیلد
اعتبار سنجی کد فعال سازی حروف و اعداد و خالی نبودن فیلد

ارسال اطلاعات (فراموشی)
اعتبار سنجی شماره تماس با کشور انتخاب شده و خالی نبودن فیلد

برای اینها می خوام اگه اعتبار سنجی منفی بود ؛ border اینپوت ها قرمز بشه. و در صورت درست بودن border سبز بشه


دوستان پاسخ لطف کنید !

[Moien Tajik]

اگر خودتون اعتبار سنجی کردین برای تغییر رنگ border از یه همیچین چیزی میتونین استفاده کنین :
<script type="text/javascript">

function checker(){
var text = document.getElementById("text").value;
if(text){
document.getElementsByTagName('input')[0].style.border = "solid 1px green";
}
else{
document.getElementsByTagName('input')[0].style.border = "solid 1px red";
}
}
</script>


<input type="text" id="text">
<button id="button" onClick="checker();">Check</button>