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

[dr-wp 2]

سلام

من یه کدی نوشتم برای اینکه اگر فیلد خالی بود 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>

[مهدی 1668]

سلام

این‌طوری رو تست کنید

if( jQuery.trim( $( '#name' ).val() ) == '' )  {
}

[dr-wp 2]

نه کار نکرد!!!!!!!!!!!

[Ehsaan 1865]

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

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

موفق باشید.

[dr-wp 2]

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

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

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

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

<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>

[Ehsaan 1865]

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

[dr-wp 2]

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

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

[استاد اعظم 900]

http://webgoo.ir/108/%D8%A7%D8%B9%D8%AA%D8%A8%D8%A7%D8%B1-%D8%B3%D9%86%D8%AC%DB%8C-%D9%81%D8%B1%D9%85-%D9%87%D8%A7%DB%8C-%D9%88%D8%A8-%D8%A8%D8%A7-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA

[dr-wp 2]

جاوا اسکریپت من کار نکردم

جی کوئری نمونه ندارین؟؟!!

سرچ میکنم میاره اما چیزی خوب نمیاره

[dr-wp 2]

چجوری باید بصورت آژاکس درست کنم که وقتی روی دکمه کلیک کرد صفحه رفرش نشه ؟؟؟

یه آموزش خوب اگه دارین بدین

[dr-wp 2]

سلامی مجدد

من اومدم الان اون باتنم رو حذف کردن و به جاش یه 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>

[Parsa 23463]

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

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

[dr-wp 2]

سلام

متاسفانه هنوز هم کار نمیکنه !!!!!

[dr-wp 2]

up