بوت اسپین 5 فرم توثیق

ਫਾਰਮ ਪ੍ਰਮਾਣੀਕਰਣ

ਵੱਖ-ਵੱਖ ਪ੍ਰਮਾਣੀਕਰਣ ਵਰਗ ਵਰਤ ਕੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਮੁੱਢਲੀ ਫੀਡਬੈਕ ਦੇਣ ਦੇ ਸਮਰੱਥ ਹੋ ਸਕਦੇ ਹੋ। ਕਿਰਪਾ ਕਰਕੇ .was-validated ਜਾਂ .needs-validation ਨੂੰ <form> ਐਲੀਮੈਂਟ ਵਿੱਚ ਜੋੜਿਆ ਜਾਵੇਗਾ ਕਿ ਤੁਸੀਂ ਫਾਰਮ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਜਾਂ ਬਾਅਦ ਤੋਂ ਪ੍ਰਮਾਣੀਕਰਣ ਫੀਡਬੈਕ ਦੇਣਾ ਚਾਹੁੰਦੇ ਹੋ। ਇਨਪੁਟ ਫੀਲਡ ਹਰੀ (ਪ੍ਰਮਾਣਿਕ) ਜਾਂ ਲਾਲ (ਅਪ੍ਰਮਾਣਿਕ) ਬੰਦਰੇ ਵਾਲਾ ਹੋਵੇਗਾ ਕਿ ਫਾਰਮ ਵਿੱਚ ਕੀ ਖਾਮੀ ਹੈ ਦਿਸਾਈਆ ਜਾਵੇ। ਤੁਸੀਂ ਇਸ ਤੋਂ ਇਲਾਵਾ .valid-feedback ਜਾਂ .invalid-feedback ਸੁਨੇਹਾ ਨੂੰ ਸਪਸ਼ਟ ਕਰਨ ਲਈ ਕਿ ਉਸਾਰੀ ਵਿੱਚ ਕੀ ਖਾਮੀ ਹੈ ਜਾਂ ਫਾਰਮ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਕੀ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。

ਇੰਸਟੈਂਸ

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਅਸੀਂ ਫਾਰਮ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਵਰਤਦੇ ਹਾਂ .was-validated ਕੀ ਲੱਗਦਾ ਹੈ ਇਸ ਦਿਸ਼ਾ ਵਿੱਚ:

<form action="/action_page.php" class="was-validated">
  <div class="mb-3 mt-3">
    <label for="uname" class="form-label">ਉਪਯੋਗਕਰਤਾ ਨਾਮ：</label>
    <input type="text" class="form-control" id="uname" placeholder="ਉਪਯੋਗਕਰਤਾ ਨਾਮ ਇਨਪੁਟ ਕਰੋ" name="uname" required>
    <div class="valid-feedback">ਵੈਧ ਹੈ。</div>
    <div class="invalid-feedback">ਇਹ ਖੇਤਰ ਭਰੋ。</div>
  </div>
  <div class="mb-3">
    <label for="pwd" class="form-label">ਪਾਸਵਰਡ：</label>
    <input type="password" class="form-control" id="pwd" placeholder="ਪਾਸਵਰਡ ਇਨਪੁਟ ਕਰੋ" name="pswd" required>
    <div class="valid-feedback">ਵੈਧ ਹੈ。</div>
    <div class="invalid-feedback">ਇਹ ਖੇਤਰ ਭਰੋ。</div>
  </div>
  <div class="form-check mb-3">
    <input class="form-check-input" type="checkbox" id="myCheck" name="remember" required>
    <label class="form-check-label" for="myCheck">ਮੈਂ ਇਹ ਸ਼ਰਤਾਂ ਸਵੀਕਾਰ ਕਰਦਾ ਹਾਂ。</label>
    <div class="valid-feedback">ਵੈਧ ਹੈ。</div>
    <div class="invalid-feedback">ਇਹ ਚੈੱਕਬਾਕਸ ਚੋਣ ਕਰਕੇ ਅੱਗੇ ਵਧੋ。</div>
  </div>
  <button type="submit" class="btn btn-primary">ਸੰਕੇਤ</button>
</form>

ਆਪਣੇ ਹੀ ਸਿੱਧੇ ਚੇਂਜੇ