نمونه پایه


							<div class="card card-custom">
								<div class="card-header">
									<h3 class="card-title">
										نمونه پایه
									</h3>
								</div>
								<!--begin::Form-->
								<form class="form">
									<div class="card-body">
										<div class="form-group row">
											<label class="col-form-label text-right col-lg-3 col-sm-12">پیش فرض</label>
											<div class="col-lg-4 col-md-9 col-sm-12">
												<input type='text' class="form-control" id="kt_maxlength_1" maxlength="3"  placeholder="" type="text"/>
												<span class="form-text text-muted">حداکثر امکان تایپ 3 کاراکتر وجود دارد</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-4 col-md-9 col-sm-12">
												<input type='text' class="form-control" id="kt_maxlength_2" maxlength="7"  placeholder="" type="text"/>
												<span class="form-text text-muted">حداکثر 7 کارکتر می توانید وارد کنید</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-4 col-md-9 col-sm-12">
												<input type='text' class="form-control" id="kt_maxlength_3" maxlength="6"  placeholder="" type="text"/>
												<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-4 col-md-9 col-sm-12">
												<input type='text' class="form-control" id="kt_maxlength_4" maxlength="8"  placeholder="" type="text"/>
												<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-4 col-md-9 col-sm-12">
												<textarea class="form-control" id="kt_maxlength_5" maxlength="8"  placeholder="" rows="6"></textarea>
												<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-4 col-md-9 col-sm-12">
												<input type='text' class="form-control" id="kt_maxlength_6_1" maxlength="8"  placeholder="بالا چپ" type="text"/>
												<div class="mt-3"></div>
												<input type='text' class="form-control" id="kt_maxlength_6_2" maxlength="8"  placeholder="بالا راست" type="text"/>
												<div class="mt-3"></div>
												<input type='text' class="form-control" id="kt_maxlength_6_3" maxlength="8"  placeholder="پایین چپ" type="text"/>
												<div class="mt-3"></div>
												<input type='text' class="form-control" id="kt_maxlength_6_4" maxlength="8"  placeholder="پاین راست" type="text"/>
												<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-4 col-md-9 col-sm-12">
												<a href="" class="btn btn-light-primary font-weight-bold" data-toggle="modal" data-target="#kt_maxlength_modal">اجرای مودال</a>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-9 ml-lg-auto">
												<button type="reset" class="btn btn-primary mr-2">ارسال</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
										</div>
									</div>
								</form>
								<!--end::Form-->
							</div>
						

						// کلاس definition

						var KTبوت استرپبیشترین طول = function () {

							// خصوصی functions
							var demos = function () {
								// minimum setup
								دلار('#kt_maxlength_1').maxlength({
									warningکلاس: "label label-warning label-rounded label-inline",
									limitReachedکلاس: "label label-success label-rounded label-inline"
								});

								// threshold value
								دلار('#kt_maxlength_2').maxlength({
									threshold: 5,
									warningکلاس: "label label-warning label-rounded label-inline",
									limitReachedکلاس: "label label-success label-rounded label-inline"
								});

								// always show
								دلار('#kt_maxlength_3').maxlength({
									alwaysShow: true,
									threshold: 5,
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline"
								});

								// custom text
								دلار('#kt_maxlength_4').maxlength({
									threshold: 3,
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-success label-rounded label-inline",
									separator: ' of ',
									preمتن: 'شما have ',
									postمتن: ' chars remaining.',
									validate: true
								});

								// textarea example
								دلار('#kt_maxlength_5').maxlength({
									threshold: 5,
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline"
								});

								// position examples
								دلار('#kt_maxlength_6_1').maxlength({
									alwaysShow: true,
									threshold: 5,
									placement: 'top-left',
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline"
								});

								دلار('#kt_maxlength_6_2').maxlength({
									alwaysShow: true,
									threshold: 5,
									placement: 'top-right',
									warningکلاس: "label label-success label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline"
								});

								دلار('#kt_maxlength_6_3').maxlength({
									alwaysShow: true,
									threshold: 5,
									placement: 'bottom-left',
									warningکلاس: "label label-warning label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline"
								});

								دلار('#kt_maxlength_6_4').maxlength({
									alwaysShow: true,
									threshold: 5,
									placement: 'bottom-right',
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline"
								});

								// نمونه مودال

								// minimum setup
								دلار('#kt_maxlength_1_modal').maxlength({
									warningکلاس: "label label-warning label-rounded label-inline",
									limitReachedکلاس: "label label-success label-rounded label-inline",
									appendToParent: true
								});

								// threshold value
								دلار('#kt_maxlength_2_modal').maxlength({
									threshold: 5,
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-success label-rounded label-inline",
									appendToParent: true
								});

								// always show
								// textarea example
								دلار('#kt_maxlength_5_modal').maxlength({
									threshold: 5,
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-primary label-rounded label-inline",
									appendToParent: true
								});

								// custom text
								دلار('#kt_maxlength_4_modal').maxlength({
									threshold: 3,
									warningکلاس: "label label-danger label-rounded label-inline",
									limitReachedکلاس: "label label-success label-rounded label-inline",
									appendToParent: true,
									separator: ' of ',
									preمتن: 'شما have ',
									postمتن: ' chars remaining.',
									validate: true
								});
							}

							return {
								// public functions
								init: function() {
									demos();
								}
							};
						}();

						jQuery(document).ready(function() {
							KTبوت استرپبیشترین طول.init();
						});

						
حداکثر امکان تایپ 3 کاراکتر وجود دارد
حداکثر 7 کارکتر می توانید وارد کنید
نمایش شمارنده بعد از فوکوس در اینپوت
نمایش بعد از فوکوس در اینپوت
در تکس اریا می توانید حداکثر متنی که می توان تایپ کند کاربر را مشخص کنید
می توانید شمارنده را در چهار جهت موقعیتش را تعیین کنید

اعلان ها 24 جدید

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

آخرین اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
پیام های سیستم
نویسندگان برتر موفق ترین ها
+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