بوسیله این ترفند ساده، هنگامی که در فیلد های ثبت نام، کلمه عبور و یا آدرس پست الکترونیکی را وارد میکنید، پیغامی مبنی بر صحیح بودن و یا نادرست بودن کلمات انتخاب شده ظاهر میشود.
دانلود
آموزش نصب
۱. ابتدا فایل های دانلود شده را در پوشه images قالب خودتان آپلود کنید.
۲. سپس فایل registration.tpl را باز کرده، در اولین سطر کد زیر را وارد کرده:
۳. خط زیر را پیدا کرده:
۴. کد زیر را به جای خط بالایی قرار دهید:
۵. خط زیر را پیدا کرده:
۶. کد زیر را به جای خط بالا قرار دهید:
۷. خط زیر را پیدا کرده:
۸. کد زیر را به جای خط بالا قرار دهید:
۲. سپس فایل registration.tpl را باز کرده، در اولین سطر کد زیر را وارد کرده:
<script type="text/javascript">
function checkpass(area) {
if (document.getElementById(area).value.length >= 6) {
$('#pass-err').html('<img src="{THEME}/images/ok.png" alt="" align="absmiddle" /> <font color="green">صحیح</font>');
} else {
$('#pass-err').html('<img src="{THEME}/images/close.png" alt="" align="absmiddle" /> <font color="red">رمز وارد شده کوتاه میباشد</font>');
};
checkpass2()
};
function checkpass2() {
if (document.getElementById('pass1').value == document.getElementById('pass2').value) {
$('#pass2-err').html('<img src="{THEME}/images/ok.png" alt="" align="absmiddle" /> <font color="green">صحیح</font>');
} else {
if (document.getElementById('pass2').value=='') {
} else {
$('#pass2-err').html('<img src="{THEME}/images/close.png" alt="" align="absmiddle" /> <font color="red">کمله عبور هماهنگ نمیباشد</font>');
};
};
};
function checkMail(email){
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (filter.test(email)) {
$('#check-mail').html('<img src="{THEME}/images/ok.png" alt="" align="absmiddle" /> <font color="green">آدرس پست الکترونیکی صحیح میباشد</font>');
$('#subb').removeAttr('disabled');
} else {
$('#check-mail').html('<img src="{THEME}/images/close.png" alt="" align="absmiddle" /> <font color="red">پست الکترونیکی وارد شده مجاز نمیباشد</font>');
$('#subb').attr('disabled','disabled');
};
}
</script>
function checkpass(area) {
if (document.getElementById(area).value.length >= 6) {
$('#pass-err').html('<img src="{THEME}/images/ok.png" alt="" align="absmiddle" /> <font color="green">صحیح</font>');
} else {
$('#pass-err').html('<img src="{THEME}/images/close.png" alt="" align="absmiddle" /> <font color="red">رمز وارد شده کوتاه میباشد</font>');
};
checkpass2()
};
function checkpass2() {
if (document.getElementById('pass1').value == document.getElementById('pass2').value) {
$('#pass2-err').html('<img src="{THEME}/images/ok.png" alt="" align="absmiddle" /> <font color="green">صحیح</font>');
} else {
if (document.getElementById('pass2').value=='') {
} else {
$('#pass2-err').html('<img src="{THEME}/images/close.png" alt="" align="absmiddle" /> <font color="red">کمله عبور هماهنگ نمیباشد</font>');
};
};
};
function checkMail(email){
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (filter.test(email)) {
$('#check-mail').html('<img src="{THEME}/images/ok.png" alt="" align="absmiddle" /> <font color="green">آدرس پست الکترونیکی صحیح میباشد</font>');
$('#subb').removeAttr('disabled');
} else {
$('#check-mail').html('<img src="{THEME}/images/close.png" alt="" align="absmiddle" /> <font color="red">پست الکترونیکی وارد شده مجاز نمیباشد</font>');
$('#subb').attr('disabled','disabled');
};
}
</script>
۳. خط زیر را پیدا کرده:
<input type="password" name="password1" class="f_input" />
۴. کد زیر را به جای خط بالایی قرار دهید:
<input type="password" name="password1" id="pass1" onblur="checkpass('pass1')" /> <span id="pass-err"></span>
۵. خط زیر را پیدا کرده:
<input type="password" name="password2" class="f_input" />
۶. کد زیر را به جای خط بالا قرار دهید:
<input type="password" name="password2" id="pass2" onblur="checkpass2()" /> <span id="pass2-err">
۷. خط زیر را پیدا کرده:
<input type="text" name="email" class="f_input" />
۸. کد زیر را به جای خط بالا قرار دهید:
<input type="text" name="email" onblur="checkMail(this.value)" /> <span id="check-mail"></span>