اعتبارسنجی

<form class="row g-3 needs-validation" novalidate>
    <div class="col-md-4">
        <label for="validationCustom01" class="form-label">نام</label>
        <input type="text" class="form-control" id="validationCustom01" value="مهدی"
            required>
        <div class="valid-feedback">
            عالی به نظر می‌رسد!
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom02" class="form-label">نام خانوادگی</label>
        <input type="text" class="form-control" id="validationCustom02" value="محمدی"
            required>
        <div class="valid-feedback">
            عالی به نظر می‌رسد!
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustomUsername" class="form-label">نام کاربری</label>
        <div class="input-group has-validation">
            <span class="input-group-text" id="inputGroupPrepend">@</span>
            <input type="text" class="form-control" id="validationCustomUsername"
                aria-describedby="inputGroupPrepend" required>
            <div class="invalid-feedback">
                لطفاً یک نام کاربری انتخاب کنید.
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom03" class="form-label">شهر</label>
        <input type="text" class="form-control" id="validationCustom03" required>
        <div class="invalid-feedback">
            لطفاً یک شهر معتبر وارد کنید.
        </div>
    </div>
    <div class="col-md-3">
        <label for="validationCustom04" class="form-label">استان</label>
        <select class="form-select" id="validationCustom04" required>
            <option selected disabled value="">انتخاب کنید...</option>
            <option>...</option>
        </select>
        <div class="invalid-feedback">
            لطفاً یک استان معتبر انتخاب کنید.
        </div>
    </div>
    <div class="col-md-3">
        <label for="validationCustom05" class="form-label">کد پستی</label>
        <input type="text" class="form-control" id="validationCustom05" required>
        <div class="invalid-feedback">
            لطفاً یک کد پستی معتبر وارد کنید.
        </div>
    </div>
    <div class="col-12">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value=""
                id="invalidCheck" required>
            <label class="form-check-label" for="invalidCheck">
                با شرایط و ضوابط موافقم
            </label>
            <div class="invalid-feedback">
                قبل از ارسال باید موافقت کنید.
            </div>
        </div>
    </div>
    <div class="col-12">
        <button class="btn btn-primary" type="submit">ارسال فرم</button>
    </div>
</form>

<form class="row g-3">
    <div class="col-md-4">
        <label for="validationDefault01" class="form-label">نام</label>
        <input type="text" class="form-control" id="validationDefault01"
            value="مهدی" required>
    </div>
    <div class="col-md-4">
        <label for="validationDefault02" class="form-label">نام خانوادگی</label>
        <input type="text" class="form-control" id="validationDefault02"
            value="محمدی" required>
    </div>
    <div class="col-md-4">
        <label for="validationDefaultUsername" class="form-label">نام کاربری</label>
        <div class="input-group">
            <span class="input-group-text" id="inputGroupPrepend2">@</span>
            <input type="text" class="form-control" id="validationDefaultUsername"
                aria-describedby="inputGroupPrepend2" required>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationDefault03" class="form-label">شهر</label>
        <input type="text" class="form-control" id="validationDefault03" required>
    </div>
    <div class="col-md-3">
        <label for="validationDefault04" class="form-label">استان</label>
        <select class="form-select" id="validationDefault04" required>
            <option selected disabled value="">انتخاب کنید...</option>
            <option>...</option>
        </select>
    </div>
    <div class="col-md-3">
        <label for="validationDefault05" class="form-label">کد پستی</label>
        <input type="text" class="form-control" id="validationDefault05" required>
    </div>
    <div class="col-12">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value=""
                id="invalidCheck2" required>
            <label class="form-check-label" for="invalidCheck2">
                با شرایط و ضوابط موافقم
            </label>
        </div>
    </div>
    <div class="col-12">
        <button class="btn btn-primary" type="submit">ارسال فرم</button>
    </div>
</form>

<form class="was-validated">
    <div class="mb-3">
        <label for="validationTextarea" class="form-label">متن چندخطی</label>
        <textarea class="form-control is-invalid" id="validationTextarea"
            placeholder="مثال مورد نیاز برای متن" required></textarea>
        <div class="invalid-feedback">
            لطفاً یک پیام در این قسمت وارد کنید.
        </div>
    </div>

    <div class="form-check mb-3">
        <input type="checkbox" class="form-check-input" id="validationFormCheck1"
            required>
        <label class="form-check-label" for="validationFormCheck1">این چک‌باکس را علامت بزنید</label>
        <div class="invalid-feedback">مثال بازخورد نامعتبر</div>
    </div>

    <div class="form-check">
        <input type="radio" class="form-check-input" id="validationFormCheck2"
            name="radio-stacked" required>
        <label class="form-check-label" for="validationFormCheck2">این دکمه رادیویی را انتخاب کنید</label>
    </div>
    <div class="form-check mb-3">
        <input type="radio" class="form-check-input" id="validationFormCheck3"
            name="radio-stacked" required>
        <label class="form-check-label" for="validationFormCheck3">یا این یکی را انتخاب کنید</label>
        <div class="invalid-feedback">مثال دیگری از بازخورد نامعتبر</div>
    </div>

    <div class="mb-3">
        <select class="form-select" required aria-label="select example">
            <option value="">یک گزینه را انتخاب کنید</option>
            <option value="1">یک</option>
            <option value="2">دو</option>
            <option value="3">سه</option>
        </select>
        <div class="invalid-feedback">مثال بازخورد نامعتبر برای انتخاب</div>
    </div>

    <div class="mb-3">
        <input type="file" class="form-control" aria-label="مثال انتخاب فایل"
            required>
        <div class="invalid-feedback">مثال بازخورد نامعتبر برای فایل</div>
    </div>

    <div class="mb-3">
        <button class="btn btn-primary" type="submit" disabled>ارسال فرم</button>
    </div>
</form>