رفتن به مطلب

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


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

سلام دوستان

من یک فرم تماس دارم که اونو با div و جی کوئری تقسیم بر 5 بخش کردم که هر کدام به صورت تکی نمایش داده شود و در صورت کلیک کرد بر روی مرحله بعد قسمت بعدی بیاد

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

لینک به ارسال

آها منظورت فیلد الزامی و ... هست ؟

مثلا این شکلی میتونی چک کنی :

var a = $('.field-one');
if (a.val().length != 0){
  GoToNextPage ...
}
eles{
  DontGo ... 
}
  

 

ویرایش شده توسط majid1889
لینک به ارسال
در 3 دقیقه قبل، majid1889 گفته است :

آها منظورت فیلد الزامی و ... هست ؟

مثلا این شکلی میتونی چک کنی :


var a = $('.field-one');
if (a.val().length != 0){
  GoToNextPage ...
}
eles{
  DontGo ... 
}
  

 

راستش تا بحال فیلد های الزامی رو اصلا کار نکردم

من همچین فرمی دارم:

<h2>First Page</h2>
<div>
	//بخشی از ورودی های فرم در اینجاست
</div>
<ul>
  <li>صفحه بعد</li>
</ul>

<h2>Second Page</h2>
<div>
	//بخشی از ورودی های فرم در اینجاست
</div>
<ul>
  <li>صفحه قبل</li>
  <li>صفحه بعد</li>
</ul>

<h2>Third Page</h2>
<div>
	//بخشی از ورودی های فرم در اینجاست
</div>
<ul>
  <li>صفحه قبل</li>
  <li>ارسال</li>
</ul>

بیس کلی فرمی که نوشتم اینجوریه اما توی صفحه دوم یه option دارم که اگه کلیک بشه صفحه سوم ظاهر میشه و اگه کلیک نشه گزینه ارسال در همون صفحه دوم ظاهر بشه و همه چی تموم بشه!

 

لطفا کمک کنید

 

با سپاس

لینک به ارسال

خب شما با کلیک روی کلید بعد/Next سکشن دوم رو نمایش بدید با جکویری

با تابع show , hide در جکویری یا fade , slide

لینک به ارسال
در 5 ساعت قبل، Parsa گفته است :

خب شما با کلیک روی کلید بعد/Next سکشن دوم رو نمایش بدید با جکویری

با تابع show , hide در جکویری یا fade , slide

اگه بخوام برای هر دکمه دستور بدم که دکمه های مختلف با دستور های مختلف میشه

اگه فرم من 10 اسلاید باشه و پیچیده تر...

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

جی کوئری استپ خوب بود اما مشکلاتی داشت و میخوام اینو دستی جلو برم

لینک به ارسال

شما یک کلاس یونیک به هر سکشن بدید مانند: slide-1 ... slide-10

بعد با یک متغییر که ++ و -- میشه اسلایدهارو نمایش بدید

لینک به ارسال
در 21 ساعت قبل، Parsa گفته است :

شما یک کلاس یونیک به هر سکشن بدید مانند: slide-1 ... slide-10

بعد با یک متغییر که ++ و -- میشه اسلایدهارو نمایش بدید

سپاس 3>

تازه جی کوئری رو شروع کردم میشه لطفا یه مثال کوچیک بزنید!

لینک به ارسال
ارسال شده در (ویرایش شده)

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

دوستان کمک...

یه فرم کلی دارم به این شکل:

<form method="post">
    <fieldset class="part1">
    	Part 1
        <input type="text" placeholder="Name">
        <input type="text" placeholder="email">
        <input type="text" placeholder="number">
        <textarea rows="10" placeholder="Message"></textarea>
    </fieldset>
    <fieldset class="part2">
    	Part 2
        <input type="text" placeholder="City">
    </fieldset>
    <fieldset class="part3">
    	Part 3
        <input type="text" placeholder="Nickname">
    </fieldset>
    <input type="submit" value="Send">
</form>

و با این استایل:

fieldset
	{
		height:auto;
		background:#eee;
		border-radius:10px;
		border:none;
		margin-bottom:10px;
		padding:15px;
	}
	input,textarea
	{
		border:none;
		width:100%;
		margin-bottom:10px;
		padding:15px;
		box-sizing:border-box;
	}

میخوام که ابتدا پارت 1 نشون داده بشه و پایینش دکمه send وقتی روی send کلیک شد بگه که نام و پیغام ضروریه بعد از این که ضروری ها پر شد send زده شد پارت یک مخفی بشه و پارت 2 ظاهر بشه و فیلد پارت دو هم ضروری و بعد بره پارت 3 و اون ضروری نباشه که بعد از این سه پارت تازه فرم رو ارسال کنه

 

دوستان خواهشا کمک بسیار مهمه

 

حالا روش از این بهتر یا بهینه تر سراغ دارین بگین لطفا

 

منتظرم...

ویرایش شده توسط koolfayfer
لینک به ارسال

این چطور شده ؟

https://jsfiddle.net/majid1889/vnkvkc2y/

فقط از حالت فرم خارجش کردم ک تو سایت ارور نده خودت تگ فرم رو اضافه کن بش ;)

 

لینک به ارسال
در 1 ساعت قبل، majid1889 گفته است :

این چطور شده ؟

https://jsfiddle.net/majid1889/vnkvkc2y/

فقط از حالت فرم خارجش کردم ک تو سایت ارور نده خودت تگ فرم رو اضافه کن بش ;)

 

یه دنیییییییییییییییییییییییییا سپاس

شیرمادر حلالت...

بووووووووس

یه لایک خدایی کمته...

لینک به ارسال
در 1 ساعت قبل، majid1889 گفته است :

این چطور شده ؟

https://jsfiddle.net/majid1889/vnkvkc2y/

فقط از حالت فرم خارجش کردم ک تو سایت ارور نده خودت تگ فرم رو اضافه کن بش ;)

 

 

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

لینک به ارسال
در 16 ساعت قبل، koolfayfer گفته است :

 

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

مرسی ممنون

شرمنده من از دیروز نبودم دیگه
اینو ی چک بکن :

https://jsfiddle.net/majid1889/vnkvkc2y/

لینک به ارسال
در در 1/4/2017 at 07:28، majid1889 گفته است :

مرسی ممنون

شرمنده من از دیروز نبودم دیگه
اینو ی چک بکن :

https://jsfiddle.net/majid1889/vnkvkc2y/

مجید خان دستم به دامنت

فرم یه کم پیچیده شد و کلا قاطی کردم و باید تحویل بدم اما نمی رسم

اگه محبت کنی انجام بدی برام ان شا الله از شرمندگیت در میام

لینک فرم:

http://s8.picofile.com/file/8281522942/form.zip.html

ببین کل فرم 5 بخشه...

ابتدا بخش اول ظاهر باشه با گزینه مرحله بعد

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

بعد که پر کرد بره مرحله بعدی

که توی این مرحله دکمه برگشت به مرحله قبل هم باشه

این مرحله آپلود تصاویر الزامی نیست و بتونه بره مرحله بعد

مرحله بعد یه نکته داره همون مرحله اطلاعات تکمیلی

توی این بخش مسئول آگهی مدت آگهی و نوع آگهی الزامی باشه که اگه نوع آگهی رو رایگان زد دیگه بخش پنجم ظاهر نشه و کار توی بخش چهارم که پیوست فایل هست بره برای درج آگهی در غیر این صورت اگر نوع آگهی رو ویژه زد بره مرحله بعد و در اونجا فایل پیوست کنه و در نهایت مرحله پنجم هم بره و در اونجا دکمه درج آگهی رو ببینه (توی هر مرحله هم که دکمه مرحله قبل رو داریم)

 

آقا مجید و سایر دوستان لطفا هر کدوم می تونید برام انجام بدید حد اکثر تا فردا باید تحویل بدم

ان شا الله از شرمندگیتون بیرون میام...

 

بامهر

لینک به ارسال

خب رفیق اینجوری ک شما سوال پرسیدی پروژه رو دادی میگی کامل کن باس حداقل دوبار همه ی کدها رو بخونیم تا بفهمیم تا اینجا چیکارا کردی ...

تیکه تیکه سوال بپرس هر جایی ب مشکل برخورده رو بگو حلش میکنیم

لینک به ارسال

سلام از پلاگین  jquery validate استفاده کنید ، پلاگین وردپرس نیست ....  پلاگین  جکوئری هست

مخصوص همین کارا هست .....

لینک به ارسال

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

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

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

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

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

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

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

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

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