PDA

View Full Version : سوال: یک مثال کامل و صحیح از آژاکس می خواستم



samsami
سه شنبه 09 فروردین 1390, 16:44 عصر
یه مثال : مثلا وقتی روی یک دکمه کلیک می کنیم اگر در یک فیلد اطلاعات نادرست وارد شده بود یک پیغام در html بده.

ممنون میشم از لطفتون ...

AbiriAmir
چهارشنبه 10 فروردین 1390, 22:32 عصر
این رو با جاوا اسکریپت هم میشه
شما بفرمایید چجوری میخواین چک کنید؟
مثلا برای چک کردن صحیح بودن ایمیل:
function verifyEmail(){
var status = false;
var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
if (document.myform.email1.value.search(emailRegEx) == -1) {
alert("Please enter a valid email address.");
}
else if (document.myform.email1.value != document.myform.email2.value) {
alert("Email addresses do not match. Please retype them to make sure they are the same.");
}
else {
alert("Woohoo! The email address is in the correct format and they are the same.");
status = true;
}
return status;
}

samsami
پنج شنبه 11 فروردین 1390, 17:46 عصر
سلام
ممنون از لطفتون که به تایپیک من پاسخ دادین
من یه مثال روی هاست می ذارم نگاه کنید . می خوام مثل این باشه ...

آدرس : www.abpakhsh.net/b/vv

AbiriAmir
پنج شنبه 11 فروردین 1390, 23:56 عصر
خوب سایتی که فرمودید با جی کوئری هست و کد زیر هم جاوا اسکریپت اونه که واضحه...
jQuery(document).ready(function(){
var Form = {
name: 'contactForm',
cssClass: {'warning' : 'warning','error' : 'error', 'success' : 'success'},
id: {'error' : 'error', 'success': 'success'},
errorPrefix: 'Error',
action: function(){return $('#' + this.name).attr('action')},
data: function(){
return $('#' + this.name).serialize();
},
hideBox: function(el){
$(el).slideUp('slow');
},
showBox: function(el){
$(el).slideDown('slow');
},
invalids: null,
setInvalids: function(invalid){
this.invalids = invalid
}
}
// Boxes to hide
var cssBoxes = '.' + Form.cssClass['warning'] + ',.' + Form.cssClass['error'] + ',.' + Form.cssClass['success'];


// hide all boxes if some exists


$('#ajax_loader').ajaxStart(function(){$('#send'). hide();$(this).show()
})
$('#ajax_loader').ajaxComplete(function(){$('#send ').show();$(this).hide()
})
$('#' + Form.name).submit(function(){
Form.hideBox(cssBoxes);
// Ajax request
$.post(Form.action(), Form.data(), function(data){
var $return = eval('(' + data + ')');
if($return === true){
Form.showBox('#' + Form.id['success']);
}else if($return === false){
Form.showBox('#' + Form.id['error']);
}
else{
for(var i in $return){
Form.showBox('#' + $return[i] + Form.errorPrefix);
}
}
});



return false;
})
})