الرئيسية > برمجة > التحقق من تطابق حقلين و قوة كلمة السر بإستخدام الجافا سكربت

التحقق من تطابق حقلين و قوة كلمة السر بإستخدام الجافا سكربت


السلام عليكم و رحمة الله و بركاته
دالتان واحدة للتحقق من تطابق كلمة السر مثلا و الأخرى لتنبيهك لمدى قوة كلمة السر لديك.

   function PasswordMatch(pass, repass, field)
    {
     if(pass.value != repass.value)
      field.innerHTML = 'Password does not match!';
         else
          field.innerHTML = '';
    }

    function PasswordStrength(password, attention)
    {
	 var passlen = password.value.length;
	 var level = new Array();
	 level[0] = "Very weak";
	 level[1] = "weak";
	 level[2] = "Medium";
	 level[3] = "Strong";
	 level[4] = "Very strong";
	 if((document.getElementById("password").value.match(/\d+/)) || (document.getElementById("password").value.match(/[a-zA-Z]+/) && passlen < 9))
	  attention.innerHTML = level[0];
	 if(document.getElementById("password").value.match(/[a-zA-Z]+/))
	  attention.innerHTML = level[1];
	 if(document.getElementById("password").value.match(/[a-zA-Z]+/) && passlen > 12)
	  attention.innerHTML = level[2];
	 if((document.getElementById("password").value.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,[,],|,=,\/,.,;,{,},<,>,\',\",,]+/))
	 || (document.getElementById("password").value.match(/[a-zA-Z]+[0-9]+/) && passlen > 9)
	 || (document.getElementById("password").value.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,[,],|,=,\/,.,;,{,},<,>,\',\",,]+[0-9]+[a-zA-Z]+/)))
	  attention.innerHTML = level[3];
	 if(document.getElementById("password").value.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,[,],|,=,\/,.,;,{,},<,>,\',\",,]+[a-zA-Z]+[0-9]+/) && passlen > 11)
	  attention.innerHTML = level[4];
    }

مثال:

<html>
<head>
  <script type="text/javascript">
   function PasswordMatch(pass, repass, field)
    {
     if(pass.value != repass.value)
      field.innerHTML = 'Password does not match!';
         else
          field.innerHTML = '';
    }

     function PasswordStrength(password, attention)
    {
	 var passlen = password.value.length;
	 var level = new Array();
	 level[0] = "Very weak";
	 level[1] = "weak";
	 level[2] = "Medium";
	 level[3] = "Strong";
	 level[4] = "Very strong";
	 if((document.getElementById("password").value.match(/\d+/)) || (document.getElementById("password").value.match(/[a-zA-Z]+/) && passlen < 9))
	  attention.innerHTML = level[0];
	 if(document.getElementById("password").value.match(/[a-zA-Z]+/))
	  attention.innerHTML = level[1];
	 if(document.getElementById("password").value.match(/[a-zA-Z]+/) && passlen > 12)
	  attention.innerHTML = level[2];
	 if((document.getElementById("password").value.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,[,],|,=,\/,.,;,{,},<,>,\',\",,]+/))
	 || (document.getElementById("password").value.match(/[a-zA-Z]+[0-9]+/) && passlen > 9)
	 || (document.getElementById("password").value.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,[,],|,=,\/,.,;,{,},<,>,\',\",,]+[0-9]+[a-zA-Z]+/)))
	  attention.innerHTML = level[3];
	 if(document.getElementById("password").value.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,[,],|,=,\/,.,;,{,},<,>,\',\",,]+[a-zA-Z]+[0-9]+/) && passlen > 11)
	  attention.innerHTML = level[4];
    }
  </script>
  <style type="text/css">
</style>

</head>
<body>
<form method="post" name="form1" id="form-password" action="">
  <fieldset>
    <label>Password:</label>
    <input type="password" name="password" id="password" value="" size="32" onkeyup="PasswordStrength(password, attention);PasswordMatch(password, repassword, error)"/><span id="attention"></span><br>
    <label>Re-Enter Password:</label>
    <input type="password" name="repassword" id="repassword" size="32" onkeyup="PasswordMatch(password, repassword, error)"/><span id="error"></span>
    <br>
    <input type="submit" value="Submit" id="submit" >
  </fieldset>
</form>
</body>
</html>
التصنيفات :برمجة الوسوم:, , , , ,
  1. سيف عبدالرزاق
    12 يناير 2011 الساعة 6:54 م

    تم تحديث الدالة لوجود خطأ بها، شكرا للأخ أحمد.

  2. 13 يناير 2011 الساعة 3:52 م

    like me

  3. 25 نوفمبر 2012 الساعة 11:06 ص

    السلام عليكم ممكن احد يساعدني اريد كود يقبل الاحرف ولا يقبل الارقام او اي شي غير الاحرف فقط
    والله محتاج ظروري
    ابي اعمل بتوم لمن اضغط على البتوم يفتح لي خانه اكتب فيها وهكذا

  4. 4 ديسمبر 2012 الساعة 1:23 ص

    وجدت هذا الكود في stackoverflow مع بعض التعديل:
    $(“input”).keypress(function(event){
    var ew = event.which;
    if(65 <= ew && ew <= 90)
    return true;
    if(97 <= ew && ew <= 122)
    return true;
    return false;
    });

    http://stackoverflow.com/questions/7144167/only-allow-english-characters-and-numbers-for-text-input

  1. No trackbacks yet.

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s

%d مدونون معجبون بهذه: