جار التحديث ...
جار التحديث ...

مثال على زر اخفاء واظهار الباسورد في الجافاسكربت؟

  • 0
ارجو طرح مثال على كيفية عمل زر لاخفاء الباسورد واظهاره وطرح الكود

إجابات المستخدمين (4)


  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 10
JavaScript
<script type='text/javascript'>
function showpass(a) {
    var pi  = document.getElementById('pw');
    var av = pi.getAttribute('type');
    if (av ==='password') {
        pi.setAttribute('type','text');
        a.value = 'اضهار كلمة السر';
    } else {
        pi.setAttribute('type','password');
        a.value = 'اخفاء كلمة السر';
    }
    // body...
}
<script>
<input id='pw' type="password" name="password" placeholder="Password">
<input type="button" name="test" value="اضهار كلمة السر" onclick="showpass(this)">
<!--بكل بساطة دون جكوري ولا هم يحزنون كود جافاسكربت خالص -->​​
JavaScript


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
JS ``` $(document).ready(function({ $(".show-password.hide-password").on('click'function({ var passwordId $(this).parents('li:first').find('input').attr('id'); if ($(this).hasClass('show-password'){ $("#passwordId).attr("type""text"); $(this).parent().find(".show-password").hide(); $(this).parent().find(".hide-password").show(); else { $("#passwordId).attr("type""password"); $(this).parent().find(".hide-password").hide(); $(this).parent().find(".show-password").show(); } }); }); ``` CSS ``` li { list-stylenone } .hide-password { displaynone } ``` HTML ``` script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
  • Show hide
  • Show hide
``` من المهم تضمين مكتبة جيكويري ليعمل الكود بشكل صحيح
  • 0
رد على التعليق (2)

الردود :


<pre class="language-markup"><code>&lt;script type='text/javascript'&gt; function showpass(a) { var pi = document.getElementById('pw'); var av = pi.getAttribute('type'); if (av ==='password') { pi.setAttribute('type','text'); a.value = 'اضهار كلمة السر'; } else { pi.setAttribute('type','password'); a.value = 'اخفاء كلمة السر'; } // body... } &lt;script&gt; &lt;input id='pw' type="password" name="password" placeholder="Password"&gt; &lt;input type="button" name="test" value="اضهار كلمة السر" onclick="showpass(this)"&gt; &lt;!--بكل بساطة دون جكوري ولا هم يحزنون كود جافاسكربت خالص --&gt;​​</code></pre> <p>&nbsp;</p>

<p>شكرا على مساعدتك صديقي :)</p>


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة