<form method="">
      <input
        type="text"
        pattern="[a-z]{1,15}"
        oninvalid="this.setCustomValidity('لطفا فرم را به درستی پر کنید')"
        name=""
        required
        placeholder="name"
      />
      <input type="submit" value="send" />

اتریبیوت oninvalid: با استفاده از این اتریبیوت می‌توانیم برای اینپوت هایی که قابلیت سابمیت شدن را دارند ، تعیین کنیم  زمانی که مقادیر آن‌ها اشتباه وارد شده است چه رویدادی رخ بدهد.

This: با استفاده از کلمه کلیدی this  در زبان js ما به عنصر جاری اشاره می‌کنیم که در اینجا همان اینپوتی است که مقدار آن اشتباه وارد شده است

setCustomValidity() : یکی از متد‌های جاوا اسکریپت میباشد که با استفاده از آن میتوان یک اعتبارسنجی جدید برای المان انتخاب شده در نظر گرفت (که در اینجا اینپوت می‌باشد.)