( تعداد نمایش : 1605 )

تشابه فیلدهای Password

هنگامی که کاربر بایستی رمز را برای استفاده مجدد تایپ کند به منظور کاهش احتمال خطا, دو فیلد password در فرم قرار میدهند, که در صورت غیر یکسان بودن محتویاتشان پیغام اخطاری به کاربر داده شود.
به منظور تعیین صحت Password های وارد شده

function validForm(passForm){
if (passForm.passwd1.valu == “”) {
alert(“you must enter a password”)
passForm.passwd1.focus()
return false
}

1.
پس از تعیین تایع, مقدار فیلد Passwd1 مورد بررسی قرار گرفته و در صورت خالی بودن محتوایش, یک پیغام اخطار به مضنون, ” کلمه عبور را تائپ کنید” نمایان میگردد. سپس نشانگر ماوس را به ابتدای فیلد Passwd1 برده و به تابع, ارزش false میدهد.

if(passForm.passwd1.value !=passForm.passwd2.value) {
alert(“entered passwords did not match”)

passForm.passwd1.focus()
passForm.passwd1.select()

return false
}
return true
}

2.
در صورتکیه مقدار Passwd1 برابر Passwd2 نباشد, پیغام اخطار (alert) داده میشود, سپس محتوی فیلد اول را انتخاب کرده بطوریکه میتوان محتویات آن را تغییر داد. در غیر این صورت پیغام صحیح (true) را ارائه میدهد.

onSubmit=”return validForm(this)”

3.
در هنگام Submit فرم, چه با کلید Submit و چه با هر حرکت دیگری که مدنظر است, کنتزل کننده onSubmit به اجرا در می آید. در صورتیکه نتیجه بدست آمده از مراحل قبل صحیح (true) باشد, اطلاعات تائپ شده به Server فرستاده میشود و در غیر این صورت کنترل کننده مزبور وجود اشتباه (false) را متوحه گشته و از فرستاده شدن اطلاعات به Server جلوگیری میکند. در واقع یکی از فرمتهای javascript درک اشتباه در قسمت Client side میباشد, بنابراین هیچگاه Server در ارتباط با چنین عملی قرار نخواهد گرفت

<html>
<head>

<script language=”javascript” type=”text/javascript”>
function validForm(passForm){
if (passForm.passwd1.valu == “”) {
alert(“you must enter a password”)
passForm.passwd1.focus()
return false
}

if(passForm.passwd1.value !=passForm.passwd2.value) {
alert(“entered passwords did not match”)

passForm.passwd1.focus()
passForm.passwd1.select()

return false
}
return true
}

</script>

</head>

<body><h3>
<form onSubmit=”return validForm(this)” action=”ok.asp”>
Your name:<input type=”text” size=”30″><br>
Choose a password:<input type=”password” name=”passwd1″ size=”20″><br>
verify password:<input type=”password” name=”passwd2″ size=”20″><br>
<input type=”Submit” value=”Submit”>
</form>
</h3>

</body>
</html>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن