پاسخ داده شد
برای کنترل فیلدها در bootstrap از چه کلاسی استفاده می شود؟
HTML bootstrap Form Validation Form Validation اعتبارسنجی در bootstrap کنترل فرم در bootstrap کنترل فیلدها در bootstrap
- فرشته حقیقی 2 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
برای کنترل فیلدها از کلاس was-validated و یا needs-validation در تگ <form> می توانیم استفاده کنیم.این کلاسها خالی نبودن ورودی ها را چک می کنند. همچنین در تگ ورودی ها باید عبارت required را قید کنیم. با استفاده از کلاس valid-feedback و invalid-feedback kنیز می توانیم پیغام معتبر یا غیرمعتبر بودن فیلد را به کاربر نشان بدهیم.
<form action="/..." class="was-validated">
<div class="form-group">
<label for="uname">Username:</label>
<input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>
<div class="valid-feedback">Valid.</div>
<div class="invalid-feedback">Please fill out this field.</div>
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" required>
<div class="valid-feedback">Valid.</div>
<div class="invalid-feedback">Please fill out this field.</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
- فرشته حقیقی 2 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما