رفتن به مطلب

اعتبار سنجی با جی کوئری


پست های پیشنهاد شده

سلام

من یه کدی نوشتم برای اینکه اگر فیلد خالی بود border فیلد قرمز بشه اما کار نمیکنه

مشکل از چیه؟


<script type="text/javascript">
$(document).ready(function(){
$("#btn-next").click(function{
var error = false;
var name = $("#name").val();
var email = $("#email").val();
var tel = $("#tel").val();
var company = $("#company").val();
if(name=="")
{
error = true;
$("#name").css("border","1px solid #e04242");
}
});
});
</script>

لینک به ارسال

شما فرمتون رو در <form> قرار دادید یا بعد با جی‌کوئری اونو به صورت آژاکس میفرستید؟

اگه به صورت <form> می‌فرستید، باید از رویدار $.submit برای فرم استفاده کنید و اگه هم در فرم خطایی دیدید، ورودی‌های اشتباه رو قرمز کنید و یه return false بزنید.

موفق باشید.

لینک به ارسال

چجوری دقیقا؟!!

نفهمیدم منظورتون رو

کد های جی کوئریم رو که قرار دادم

فرمم هم به صورت زیره :


<form method="post" action="">
<input type="text" placeholder="نام" name="name" id="name">
<input type="email" placeholder="ایمیل" name="email" id="email">
<input type="text" placeholder="تلفن " name="tel" id="tel">
<input type="text" placeholder="شرکت"name="company" id="company">
<input type="submit" value="ثبت" id="btn-next" >
<div class="clear"></div>
</form>

لینک به ارسال

شما فرم رو قصد دارید به صورت آژاکس بفرستید یا از طریق خود مرورگر؟

لینک به ارسال

میخوام بدون اینکه صفحه رفرش بشه اعتبار سنجی بشه

میخوام اگر اطلاعات درست بود بعدش یک کار دیگه توی همون صفحه انجام بشه بعدش روی ثبت نهایی زد ثبت نهایی بشه اطلاعات (اونموقع مهم نیست رفرش بشه یا نشه!)

لینک به ارسال

سلامی مجدد

من اومدم الان اون باتنم رو حذف کردن و به جاش یه div گذاشتم و مشکلم الان اینجاس که من کد زیر رو نوشتم و اگر کاربر فیلدی رو خالی بزاره و روی دکمه کلیک کنه اون فیلد فرمز میشه ولی اگر فیلد ها رو همه رو پر کرده باشه اون شرطی که گذاشتم رو انجام نمیده

مشکل چیه؟


<script type="text/javascript">
$(document).ready(function(){
var name = $("#name").val();
var email = $("#email").val();
var tel = $("#tel").val();
var company = $("#company").val();
var error = false;
$("#div-next").click(function(){
if ( name=="" )
{
error = true;
$("#name").addClass("border-red");
}
if ( email=="" )
{
error = true;
$("#email").addClass("border-red");
}
if ( tel=="" )
{
error = true;
$("#tel").addClass("border-red");
}
if ( company=="" )
{
error = true;
$("#company").addClass("border-red");
}
if ( error = false ) {
$("#frm-user").hide(200);
}
});

});
</script>

لینک به ارسال

متغییرها را بعد از دستور کلیک مقدار دهید


$("#div-next").click(function(){
var name = $("#name").val();
var email = $("#email").val();
var tel = $("#tel").val();
var company = $("#company").val();
var error = false;

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...