غیرفعال سازی Textbox بعد سه بار رمز اشتباه توسط JavaScript ، گاهی اوقات نیاز داریم که بعد ورود سه بار رمز اشتباه توسط کاربر TextBox را غیر فعال کنیم خوب میتواند سطح امنیت را در خیلی از مواقع بالاببرید.این کار توسط جاوا اسکریپت امکان پذیر است که یک نمونه پروژه + سورس کد را در ادامه آماده دانلود کردم که امیدوارم استفاده کنید.
سورس کد کامل + ضمیمه فایل
<!DOCTYPE html> <html> <head> <style> table{ margin:auto; } input{ border:1px solid #888; padding:5px; } </style> </head> <body> <script type = "text/javascript"> var count = 2; function validate() { var un = document.myform.username.value; var pw = document.myform.pword.value; var valid = false; var unArray = ["admin", "test", "sample"]; var pwArray = ["admin", "test", "sample"]; for (var i=0; i <unArray.length; i++) { if ((un == unArray[i]) && (pw == pwArray[i])) { valid = true; break; } } if (valid) { alert ("Login was successful"); window.location = "http://www.google.com"; return false; } var t = " tries"; if (count == 1) {t = " try"} if (count >= 1) { alert ("Invalid username and/or password. You have " + count + t + " left."); document.myform.username.value = ""; document.myform.pword.value = ""; setTimeout("document.myform.username.focus()", 25); setTimeout("document.myform.username.select()", 25); count --; } else { alert ("Still incorrect! You have no more tries left!"); document.myform.username.value = "No more tries allowed!"; document.myform.pword.value = ""; document.myform.username.disabled = true; document.myform.pword.disabled = true; return false; } } </script> <table cellpadding="5"> <form name = "myform"> <tr> <td><label>Username: </label></td><td> <input type="text" name="username"></td> </tr> <tr> <td><label>Password: </label></td><td> <input type="password" name="pword"></td> </tr> <tr> <td></td><td><input type="button" value="Log In" name="Submit" onclick= "validate()"></td> </tr> </form> </table> </body> </html>
هیچ دیدگاهی برای این محصول نوشته نشده است.