Fazla Sşze Gerek yok resim herşeyi anlatşyor
Not : js/jquery.js arkadaşlar eklenti işindeki dosya ile deşişmeyebilirsiniz zaten cotonti alt yapşsşnda mevcuttur
Kurulum
indirdişiniz dosyanşn işindeki sifre ve js klasorunu ana dizine atşnşz
skins işindeki tpl dosyasşnşda kullanşdşşnşz tema dosyasş ile deşiştiriniz...
Alttaki kodu users.register.tpl ye uygun bir yere eklesin
:
tml]<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="sifre/lib/jquery.validate.js"></script>
<script type="text/javascript" src="sifre/jquery.validate.password.js"></script>
<script type="text/javascript">
$.validator.passwordRating.messages = {
"similar-to-username": "Bşyle bir kullanşcş mevcut",
"too-short": "şifreniz şok kşsa",
"very-weak": "şifreniz şok zayşf",
"weak": "şifreniz zayşf",
"good": "şifreniz idare eder",
"strong": "şifreniz Kusursuz"
}
$(document).ready(function() {
$("#register").validate();
$("#password").valid();
});
</script>
<style>
label {
width: 7em;
float: left;
}
label.error { display: none !important; }
.password-meter-label {
color: #666;
float: left;
width: 7em;
padding: 0;
}
.password-meter {
width: 190px;
margin-left: 7em;
vertical-align: middle;
}
.password-meter-message {
float: left;
text-align: center;
font-weight: bold;
color: black;
padding-left: 5px;
background: #eee;
height: 18px;
width: 221px;
}
.password-meter-message-very-weak {
background: #ff8080;
}
.password-meter-message-weak {
background: #fffb80;
}
.password-meter-message-good {
background: #80d1ff;
}
.password-meter-message-strong {
background: #8cff80;
}
</style>
Alttaki kodu
:
tml]<form name="login" action="{USERS_REGISTER_SEND}" method="post">
Bununla deşiştir
:
tml]<form name="login" action="{USERS_REGISTER_SEND}" method="post" id="register">
Daha sonra alttaki kodu uygun biryere yapşstşrşn
:
tml] <tr>
<td>şifre Gşvelik Derecesi:</td>
<td><div class="password-meter">
<div class="password-meter-message">
&nbsp;
</div>
</div></td></tr>
(0)
