وانەی 55 لە 67

وانەی ٥٥: minlength و maxlength

فایلەکانی دەستپێک: فۆڵدەرێک بە ناوی lesson-55 لەگەڵ index.html و thanks.html. فۆرمەکە:
index.html:

<form action="thanks.html" method="get">
  <h2>داواکارییەک بۆ وەرگرتن لە شوێن</h2>
  <p>
    <label for="pickup">ناوی وەرگری داواکارییەکە (٣ تا ١٢ کاراکتەر)</label>
    <input id="pickup" name="pickup" type="text">
  </p>
  <button type="submit">داواکردن</button>
</form>
thanks.html:
<h1>سوپاس!</h1>
<p>ئەمە لاپەڕەیەکی نموونەیە. ئەوەی نووسیوتە ناخوێنێتەوە و پاشەکەوتی ناکات.</p>



ناوەڕۆکی ئەم وانەیە بەشی ١: سنوورەکان دیاری بکە بەشی ٢: سنووری کەمترین و زۆرترین درێژی تاقی بکەرەوە بەشی ٣: ئەگەر خانەکە بەتاڵ بێت چی؟

بەشی ١: سنوورەکان دیاری بکە

لەیبڵەکە دەڵێت «٣ تا ١٢ کاراکتەر»، بەڵام هێشتا هیچ مەرجێکمان لە کۆدەکەدا دانەناوە بۆ سنووردارکردنی درێژی تێکستەکە. بۆ ئەوە دوو تایبەتمەندی بەکاردەهێنین: minlength بۆ کەمترین درێژی، و maxlength بۆ زۆرترین درێژی.
<input id="pickup" name="pickup" type="text" minlength="3" maxlength="12">

بەشی ٢: سنووری کەمترین و زۆرترین درێژی تاقی بکەرەوە

پاشەکەوتی بکە و لاپەڕەکە نوێ بکەرەوە. هەوڵ بدە زیاتر لە دوازدە کاراکتەر بنووسیت.
وێبگەڕ ڕێگە نادات زیاتر لە دوازدە کاراکتەر بنووسیت.
ئێستا خانەکە بەتاڵ بکەرەوە، IT بنووسە و کرتە لە «داواکردن» بکە.
وێبگەڕ پەیامێک پیشان دەدات کە تێکستەکە زۆر کورتە، و فۆرمەکە نانێرێت.

بەشی ٣: ئەگەر خانەکە بەتاڵ بێت چی؟

وردەکارییەک لەبیر بێت: minlength بە تەنها پڕکردنەوەی خانەکە ناکات بە مەرج. ئەگەر پڕکردنەوەی خانەکە پێویست نەبێت، دەتوانیت بەتاڵی بهێڵیتەوە. بۆ ئەوەی پڕکردنەوەی خانەکەش مەرج بێت، required زیاد دەکەین، وەک لە وانەی ٥٤ بینیمان. 

هەروەها سەرنج بدە لەیبڵەکە مەرجەکە بە سەردانyکەر دەڵێت. وێبگەڕ دەتوانێت درێژی تێکستەکە بپشکنێت، بەڵام سەردانکەر پێویستە پێش نووسین مەرجەکە بزانێت.
هەڵەیەکی باو: چاوەڕێی ئەوە بیت minlength خانەیەکی بەتاڵ ڕەت بکاتەوە. بۆ ئەوە required بەکاربهێنە.
پوختە
  • maxlength زۆرترین درێژی تێکستەکە دیاری دەکات.
  • minlength وا دەکات وێبگەڕ لە کاتی ناردندا تێکستی نووسراوی زۆر کورت ڕەت بکاتەوە.
  • ئەگەر خانەکە required نەبێت، دەتوانرێت بەتاڵ بهێڵرێتەوە، تەنانەت ئەگەر minlengthی هەبێت.
  • مەرجی درێژی تێکستەکە لە لەیبڵدا بە سەردانکەر بڵێ.
ڕاهێنان
١. سنوورەکان بگۆڕە بۆ 2 و 8، و هەردوو سنوورەکە تاقی بکەرەوە. ژمارەکانی ناو لەیبڵەکەش بگۆڕە.
٢. required زیاد بکە و هەوڵ بدە فۆرمەکە بە خانەی بەتاڵەوە بنێریت.
٣. سنوورەکان و دەقی لەیبڵەکە بگەڕێنەرەوە بۆ 3 و 12. تێکستێکی تەواو 3 کاراکتەری و یەکێکی تەواو 12 کاراکتەری تاقی بکەرەوە.

نموونە

<!doctype html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title> داواکاری وەرگرتن </title>
  </head>
  <body>
    <form action="thanks.html" method="get">
      <h2>داواکارییەک بۆ وەرگرتن لە شوێن</h2>
      <p>
        <label for="pickup">ناوی وەرگری داواکارییەکە (٣ تا ١٢ کاراکتەر)</label>
        <input id="pickup" name="pickup" type="text" minlength="3" maxlength="12">
      </p>
      <button type="submit">داواکردن</button>
    </form>
  </body>
</html>

چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.