تغییر پیام خطا در input validation ها

پرسیده شده
فعالیت 1059 روز پیش
دیده شده 430 بار
5
  <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() : یکی از متد های جاوا اسکریپت میباشد که با استفاده از آن میتوان یک اعتبارسنجی جدید برای المان انتخاب شده در نظر گرفت (که در اینجا اینپوت می باشد.)

 

فایل پیوست

علی طباطبایی
علی طباطبایی

15 اردیبهشت 00