برای کنترل فیلدها در bootstrap از چه کلاسی استفاده می شود؟
- فرشته حقیقی 5 سال قبل سوال کرد
- آخرین ویرایش 5 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
برای کنترل فیلدها از کلاس 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>
- فرشته حقیقی 5 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید