استفاده از یه تابع ساخته شده با جی کوئری زمانی که دکمه کلیک می شود

restles20 · Mar 23, 2013

سلام بر همگی
من یه فرم فراموشی رمز عبور طراحی کردم حالا می خوام با استفاده از جی کوئری فرمم رو مدیریت کنم که :
1 : کاربر ایمیل و کد رمز عبور رو وارد کنه
2 : کاربر از ساختار درست و صحیح ایمیل استفاده کنه

من برای چک کردن ایمیل که آیا ساختار مناسبی داره یا خیر از تابع زیر می خوام استفاده کنم :
[JSS]function check_mail ( obj ){
var value = obj.value;
var reg = new RegExp("[0-9a-z_]+@[0-9a-z_^.]+\\.[a-z]", 'i');

if ( !reg.test ( value ))
document.getElementById("error").innerHTML = '<div style=\"color:red;font-size:11px\" >آدرس ايميل صحيح نمي باشد</div>';
}[/JSS]

حالا می خوام وقتی دکمه ارسال زده شد ابتدا تابع check_mail فراخوانی بشه و ایمیل رو چک کنه و اگر ایمیل به اشتباه وارد شده بود پیغام خطای آدرس ايميل صحيح نمي باشد رو چاپ کنه
برای این کار من از دستور زیر استفاده کردم:

[JSS]$(document).ready(function() {
$("#send").click(function(){
var email = $("#email").val();
var captchacode = $("#code").val();
check_mail(email);
})
})[/JSS]

حال مشکل اینجاس که دستور فوق عمل نمی کنه
از دوستان عزیز ممنونم میشم منو راهنمایی کنن و بگن که مشکل کارم از کجاس
با تشکر

farik · Mar 24, 2013

باسلام..
دوست عزیز الان آخر شبی(اول صبحی در واقع) انصافا خسته بودم برای تست...اما در یک نگاه کلی بگم که باید در تابعی که برای کلیک گذاشتی یک return false اضافه کنی اگه که match نبود با چیزی که میخواستی..
تست کن حل نشد همینجا بگو در خدمتم..
موفق باشید..

restles20 · Mar 26, 2013

من دو دستور بالا رو در یه فایل نوشته ام اما دستورcheck_mail(email); اجرا نمیشه
ممنونت میشم بصورت دقیقتر یه نگاهی بهش بندازی و کمکم کنی

farik · Mar 27, 2013

باسلام..
اشکال از همون بود به اضافه یک جا استفاده از مقدار به جای شی...
کدکامل شده به همراه مخلفات:
[HTMLS]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery-1.9.1.min.js"></script>
</head>

<body>

<script>
var error;
function check_mail( value ){
// var value = obj.value;
var reg = new RegExp("[0-9a-z_]+@[0-9a-z_^.]+\\.[a-z]", 'i');
if ( !(reg.test ( value ))){
error+= '<div style=\"color:red;font-size:11px\" >آدرس ايميل صحيح نمي باشد</div>';
return false;
}
return true
}
$(document).ready(function() {
$('#form1').submit(function(){
error='';
$('#error').html('');
var email = $("#email").val();
var captchacode = $("#code").val();
error+=(captchacode.length==0)?'<div style=\"color:red;font-size:11px\" >کد کپچا را وارد نکرده اید</div>':'';
if( !check_mail(email) || captchacode.length==0 ){
$('#error').html(error);
// alert($('#error').val());
return false;
}
})
})
</script>
<form action="#" id="form1">
<div id="error"></div>
<input type="text" id="email" />
<input type="text" id="code" />
<input type="submit" id="send" />

</form>
</body>
</html>

[/HTMLS]
موفق باشید