Logo
سلام, محسن م

پایه


								<form class="form" id="kt_form_1">
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">پست الکترونیک *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<input type="text" class="form-control" name="email" placeholder="ایمیل خود را وارد کنید"/>
											<span class="form-text text-muted">We\ll never share your email with anyone else.</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">آدرس اینترنتی *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="input-group">
												<div class="input-group-prepend">
													<span class="input-group-text">
														<i class="flaticon2-website"></i>
													</span>
												</div>
												<input type="text" class="form-control" name="url" placeholder="آدرس سایت خود را وارد کنید"/>
											</div>
											<span class="form-text text-muted">لطفا وارد کنید آدرس اینترنتی.</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">عدد دیجیتالی</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="input-group">
												<div class="input-group-prepend">
													<span class="input-group-text"><i class="flaticon2-browser"></i></span>
												</div>
												<input type="text" class="form-control" name="digits" placeholder="عدد مورد نظر را وارد کنید"/>
											</div>
											<span class="form-text text-muted">فقط عدد وارد کنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">کارت اعتباری</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="input-group">
												<div class="input-group-prepend">
													<span class="input-group-text" ><i class="flaticon-price-tag"></i></span>
												</div>
												<input type="text" class="form-control" name="creditcard" placeholder="شماره کارت را وارد کنید"/>
											</div>
											<span class="form-text text-muted">لطفا شماره کارت اعتباری خود را  وارد کنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">تلفن</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="input-group">
												<div class="input-group-prepend">
													<span class="input-group-text" ><i class="flaticon2-phone"></i></span>
												</div>
												<input type="text" class="form-control" name="phone" placeholder="شماره تلفن را وارد کنید"/>
											</div>
											<span class="form-text text-muted">لطفا شماره تلفن خود را وارد کنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">گزینه *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<select class="form-control" name="option">
												<option value="">انتخاب</option>
												<option>1</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
											<span class="form-text text-muted">لطفا یک گزینه را انتخاب کنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">گزینه ها *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<select class="form-control" name="options" multiple size="7">
												<option>گزینه 1</option>
												<option>گزینه 2</option>
												<option>گزینه 3</option>
												<option>گزینه 4</option>
												<option>گزینه 5</option>
												<option>گزینه 6</option>
												<option>گزینه 7</option>
											</select>
											<span class="form-text text-muted">لطفا حداقل 2 یا حداکثر 5 گزینه را انتخاب کنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">یادداشت*</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<textarea class="form-control" name="memo" placeholder="یک یاداشت را وارد کنید" rows="3"></textarea>
											<span class="form-text text-muted">لطفاً یک منو را در محدوده متن 50 و 100 وارد کنید.</span>
										</div>
									</div>

									<div class="separator separator-dashed my-10"></div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">چک باکس *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="form-check checkbox-inline">
												<label class="checkbox checkbox-outline">
													<input type="checkbox" name="checkbox"/>
													<span></span>
												</label>
											</div>
											<span class="form-text text-muted">لطفاً کادر تأیید را علامت بزنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">چک باکس ها *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="form-check checkbox-list">
												<label class="checkbox checkbox-outline">
													<input type="checkbox" name="checkboxes"/>
													<span></span>
													گزینه 1
												</label>
												<label class="checkbox checkbox-outline">
													<input type="checkbox" name="checkboxes"/>
													<span></span>
													گزینه 2
												</label>
												<label class="checkbox checkbox-outline">
													<input type="checkbox" name="checkboxes"/>
													<span></span>
													گزینه 3
												</label>
											</div>
											<span class="form-text text-muted">لطفاً در حداقل 1 و حداکثر 2 گزینه را انتخاب کنید</span>
										</div>
									</div>

									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">رادیوها *</label>
										<div class="col-lg-9 col-md-9 col-sm-12">
											<div class="form-check radio-inline">
												<label class="radio radio-outline">
													<input type="checkbox" name="radios"/>
													<span></span>
													گزینه 1
												</label>
												<label class="radio radio-outline">
													<input type="checkbox" name="radios"/>
													<span></span>
													گزینه 2
												</label>
												<label class="radio radio-outline">
													<input type="radio" name="radios"/>
													<span></span>
													گزینه 3
												</label>
											</div>
											<span class="form-text text-muted">لطفا یک گزینه را انتخاب کنید</span>
										</div>
									</div>

									<div class="row">
										<div class="col-lg-9 ml-lg-auto">
											<button type="submit" class="btn btn-primary font-weight-bold mr-2">اعتبارسنجی</button>
											<button type="reset" class="btn btn-light-primary font-weight-bold">لغو</button>
										</div>
									</div>
								</form>
								

								FormValidation.formValidation(
									document.getElementById('kt_form_1'),
									{
										fields: {
											email: {
												validators: {
													notEmpty: {
														message: 'پست الکترونیک is required'
													},
													emailنشانی: {
														message: 'The value is not a valid email address'
													}
												}
											},

											url: {
												validators: {
													notEmpty: {
														message: ' طرح آدرس اینترنتی is required'
													},
													uri: {
														message: 'The website address is not valid'
													}
												}
											},

											digits: {
												validators: {
													notEmpty: {
														message: 'عدد دیجیتالی is required'
													},
													digits: {
														message: 'The velue is not a valid digits'
													}
												}
											},

											creditcard: {
												validators: {
													notEmpty: {
														message: 'Credit card number is required'
													},
													creditCard: {
														message: 'The credit card number is not valid'
													}
												}
											},

											phone: {
												validators: {
													notEmpty: {
														message: 'US phone number is required'
													},
													phone: {
														country: 'US',
														message: 'The value is not a valid US phone number'
													}
												}
											},

											option: {
												validators: {
													notEmpty: {
														message: 'لطفا یک گزینه را انتخاب کنید'
													}
												}
											},

											options: {
												validators: {
													choice: {
														min:2,
														max:5,
														message: 'Please select at least 2 and maximum 5 options'
													}
												}
											},

											memo: {
												validators: {
													notEmpty: {
														message: 'Please enter memo text'
													},
													stringLength: {
														min:50,
														max:100,
														message: 'Please enter a menu within text length range 50 and 100'
													}
												}
											},

											checkbox: {
												validators: {
													choice: {
														min:1,
														message: 'Please kindly check this'
													}
												}
											},

											checkboxes: {
												validators: {
													choice: {
														min:2,
														max:5,
														message: 'Please check at least 1 and maximum 2 options'
													}
												}
											},

											radios: {
												validators: {
													choice: {
														min:1,
														message: 'Please kindly check this'
													}
												}
											},
										},

										plugins: {
											trigger: new FormValidation.plugins.Trigger(),
											// بوت استرپ Framework Integration
											bootstrap: new FormValidation.plugins.بوت استرپ(),
											// اعتبارسنجی fields when clicking the ارسال button
											submitدکمه: new FormValidation.plugins.ارسالدکمه(),
						            		// ارسال the form when all fields are valid
											defaultارسال: new FormValidation.plugins.پیش فرضارسال(),
										}
									}
								);
								
ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم.
لطفا وارد کنید آدرس اینترنتی.
فقط عدد وارد کنید
لطفا شماره کارت اعتباری خود را وارد کنید
لطفا شماره تلفن خود را وارد کنید
لطفا یک گزینه را انتخاب کنید
لطفا حداقل 2 یا حداکثر 5 گزینه را انتخاب کنید
لطفاً یک منو را در محدوده متن 50 و 100 وارد کنید.
لطفاً کادر تأیید را علامت بزنید
لطفاً در حداقل 1 و حداکثر 2 گزینه را انتخاب کنید
لطفا یک گزینه را انتخاب کنید

اعتبارسنجی پیشرفته


								<form class="form" id="kt_form_2">
									<div class="mb-3">
										<h3 class="font-size-lg text-dark-75 font-weight-bold mb-10">
											گزارش صورتحساب:
										</h3>
										<div class="mb-2">
											<div class="form-group row">
												<div class="col-lg-12">
													<label>* نام دارنده کارت:</label>
													<input type="text" name="billing_card_name" class="form-control" placeholder="" value=""/>
												</div>
											</div>
											<div class="form-group row">
												<div class="col-lg-12">
													<label>* شماره کارت:</label>
													<input type="text" name="billing_card_number" class="form-control" placeholder="" value=""/>
												</div>
											</div>
											<div class="form-group row">
												<div class="col-lg-4">
													<label>* Exp ماه:</label>
													<select class="form-control" name="billing_card_exp_month">
														<option value="">انتخاب</option>
														<option value="01">01</option>
														<option value="02">02</option>
														<option value="03">03</option>
														<option value="04">04</option>
														<option value="05">05</option>
														<option value="06">06</option>
														<option value="07">07</option>
														<option value="08">08</option>
														<option value="09">09</option>
														<option value="10">10</option>
														<option value="11">11</option>
														<option value="12">12</option>
													</select>
												</div>
												<div class="col-lg-4">
													<label>* Exp سال:</label>
													<select class="form-control" name="billing_card_exp_year">
														<option value="">انتخاب</option>
														<option value="2018">2018</option>
														<option value="2019">2019</option>
														<option value="2020">2020</option>
														<option value="2021">2021</option>
														<option value="2022">2022</option>
														<option value="2023">2023</option>
														<option value="2024">2024</option>
													</select>
												</div>
												<div class="col-lg-4">
													<label>* CVV:</label>
													<input type="number" class="form-control" name="billing_card_cvv" placeholder="" value=""/>
												</div>
											</div>
										</div>
									</div>

									<div class="separator separator-dashed my-10"></div>

									<div class="mb-3">
										<h3 class="font-size-lg text-dark-75 font-weight-bold mb-10">
											صورتحساب نشانی
											<i data-toggle="tooltip" data-width="auto" class="mb-3__help" title="If different than the corresponding address"></i>
										</h3>
										<div class="mb-2">
											<div class="form-group row">
												<div class="col-lg-12">
													<label>* نشانی 1:</label>
													<input type="text" name="billing_address_1" class="form-control" placeholder="" value=""/>
												</div>
											</div>
											<div class="form-group row">
												<div class="col-lg-12">
													<label>نشانی 2:</label>
													<input type="text" name="billing_address_2" class="form-control" placeholder="" value=""/>
												</div>
											</div>
											<div class="form-group row">
												<div class="col-lg-5">
													<label>* شهر:</label>
													<input type="text" class="form-control" name="billing_city" placeholder="" value=""/>
												</div>
												<div class="col-lg-5">
													<label>* استان:</label>
													<input type="text" class="form-control" name="billing_state" placeholder="" value=""/>
												</div>
												<div class="col-lg-2">
													<label>* کدپستی:</label>
													<input type="text" class="form-control" name="billing_zip" placeholder="" value=""/>
												</div>
											</div>
										</div>
									</div>

									<div class="separator separator-dashed my-10"></div>

									<div class="mb-3">
										<h3 class="font-size-lg text-dark-75 font-weight-bold mb-10">
											نوع تحویل:
										</h3>
										<div class="mb-2">
											<div class="form-group">
												<div class="row">
													<div class="col-lg-6">
														<label class="option">
															<span class="option-control">
																<span class="radio radio-outline">
																	<input type="radio" name="billing_delivery" value=""/>
																	<span></span>
																</span>
															</span>
															<span class="option-label">
																<span class="option-head">
																	<span class="option-title">
																		استاندارد تحویل
																	</span>
																	<span class="option-focus">
																		رایگان
																	</span>
																</span>
																<span class="option-body">
																	تخمین زده می شود 14-20 روز حمل و نقل
																	(ممکن است بدهی ها و مالیات ها موافقت شود
																	پس از تحویل)
																</span>
															</span>
														</label>
													</div>
													<div class="col-lg-6">
														<label class="option">
															<span class="option-control">
																<span class="radio radio-outline">
																	<input type="radio" name="billing_delivery" value=""/>
																	<span></span>
																</span>
															</span>
															<span class="option-label">
																<span class="option-head">
																	<span class="option-title">
																		تحویل سریع
																	</span>
																	<span class="option-focus">
																		دلار&nbsp;8.00
																	</span>
																</span>
																<span class="option-body">
																	تخمین زده می شود 2-5 روز حمل و نقل
																	(ممکن است بدهی ها و مالیات ها موافقت شود
																	پس از تحویل)
																</span>
															</span>
														</label>
													</div>
												</div>
												<div class="form-check"></div>
												<div class="form-text text-muted">
												</div>
											</div>
										</div>
									</div>

									<div class="mb-3">
										<h3 class="font-size-lg text-dark-75 font-weight-bold mb-10">
											انتخاب بسته بندی:
										</h3>
										<div class="mb-2">
											<div class="form-group">
												<div class="row">
													<div class="col-lg-6">
														<label class="option">
															<span class="option-control">
																<span class="radio">
																	<input type="radio" name="package" value=""/>
																	<span></span>
																</span>
															</span>
															<span class="option-label">
																<span class="option-head">
																	<span class="option-title">
																		بسته بندی استاندارد
																	</span>
																	<span class="option-focus text-primary">
																		رایگان
																	</span>
																</span>
																<span class="option-body">
																	تخمین زده می شود 14-20 روز حمل و نقل
																	(ممکن است بدهی ها و مالیات ها موافقت شود
																	پس از تحویل)
																</span>
															</span>
														</label>
													</div>
													<div class="col-lg-6">
														<label class="option">
															<span class="option-control">
																<span class="radio">
																	<input type="radio" name="package" value=""/>
																	<span></span>
																</span>
															</span>
															<span class="option-label">
																<span class="option-head">
																	<span class="option-title">
																		بسته بندی پرمیوم
																	</span>
																	<span class="option-focus text-primary">
																		دلار&nbsp;8.00
																	</span>
																</span>
																<span class="option-body">
																	تخمین زده می شود 2-5 روز حمل و نقل
																	(ممکن است بدهی ها و مالیات ها موافقت شود
																	پس از تحویل)
																</span>
															</span>
														</label>
													</div>
												</div>
												<div class="form-check"></div>
												<div class="form-text text-muted">
												</div>
											</div>
										</div>
									</div>
								</form>
								

								FormValidation.formValidation(
									document.getElementById('kt_form_2'),
									{
										fields: {
											billing_card_name: {
												validators: {
													notEmpty: {
														message: 'Card نام نام is required'
													}
												}
											},
											billing_card_number: {
												validators: {
													notEmpty: {
														message: 'Credit card number is required'
													},
													creditCard: {
														message: 'The credit card number is not valid'
													}
												}
											},
											billing_card_exp_month: {
												validators: {
													notEmpty: {
														message: 'Expiry ماه is required'
													}
												}
											},
											billing_card_exp_year: {
												validators: {
													notEmpty: {
														message: 'Expiry سال is required'
													}
												}
											},
											billing_card_cvv: {
												validators: {
													notEmpty: {
														message: 'CVV is required'
													},
													digits: {
														message: 'The CVV velue is not a valid digits'
													}
												}
											},

											billing_address_1: {
												validators: {
													notEmpty: {
														message: 'نشانی 1 is required'
													}
												}
											},
											billing_city: {
												validators: {
													notEmpty: {
														message: 'شهر 1 is required'
													}
												}
											},
											billing_state: {
												validators: {
													notEmpty: {
														message: 'استان 1 is required'
													}
												}
											},
											billing_zip: {
												validators: {
													notEmpty: {
														message: 'Zip کد is required'
													},
													zipکد: {
														country: 'US',
														message: 'The Zip کد value is invalid'
													}
												}
											},

											billing_delivery: {
												validators: {
													choice: {
														min:1,
														message: 'Please kindly select delivery type'
													}
												}
											},
											package: {
												validators: {
													choice: {
														min:1,
														message: 'Please kindly select package type'
													}
												}
											}
										},

										plugins: {
											trigger: new FormValidation.plugins.Trigger(),
											// اعتبارسنجی fields when clicking the ارسال button
											submitدکمه: new FormValidation.plugins.ارسالدکمه(),
											// ارسال the form when all fields are valid
											defaultارسال: new FormValidation.plugins.پیش فرضارسال(),
											// بوت استرپ Framework Integration
											bootstrap: new FormValidation.plugins.بوت استرپ({
												eleInvalidکلاس: '',
												eleValidکلاس: '',
											})
										}
									}
								);
								

گزارش صورتحساب:

صورتحساب نشانی

نوع تحویل:

انتخاب بسته بندی:

پروفایل کاربر 12 پیام

آخرین اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%

سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7
پیام های سیستم
نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار
اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
مراقبت از مشتری
گزارشات
اعضا

انتخاب نسخه ی نمایشی

نسخه ی نمایشی 1
نسخه ی نمایشی 2
نسخه ی نمایشی 3
نسخه ی نمایشی 4
نسخه ی نمایشی 5
نسخه ی نمایشی 6
نسخه ی نمایشی 7
نسخه ی نمایشی 8
نسخه ی نمایشی 9
نسخه ی نمایشی 10
نسخه ی نمایشی 11
نسخه ی نمایشی 12
نسخه ی نمایشی 13
نسخه ی نمایشی 14
نسخه ی نمایشی 15
نسخه ی نمایشی 16
نسخه ی نمایشی 17
نسخه ی نمایشی 18
نسخه ی نمایشی 19
نسخه ی نمایشی 20
نسخه ی نمایشی 21
نسخه ی نمایشی 22
نسخه ی نمایشی 23
نسخه ی نمایشی 24
نسخه ی نمایشی 25
نسخه ی نمایشی 26
نسخه ی نمایشی 27
نسخه ی نمایشی 28
نسخه ی نمایشی 29
نسخه ی نمایشی 30