0

I want change only patterns validation message but without changing required validation message.In addition, I want change full patterns validation message

Nishan Madhuwantha
  • 31
  • 1
  • 8
  • Check this out https://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message –  Dec 21 '17 at 09:39
  • Possible duplicate of [HTML5 form required attribute. Set custom validation message?](https://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message) –  Dec 21 '17 at 09:40

1 Answers1

0

You can try like this,

 $("#submit").click(function(){
   $("#email")[0].oninvalid =function(e) {
     if (!e.target.validity.valid) {
      e.target.setCustomValidity("Please enter the email address");
     }
   }
 });
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
     <input class="form-control" id ="email"  type="text"
        placeholder="Email address" required/>
   
    <button type= "submit" id = "submit">Submit</button
</form>
Nitin Dhomse
  • 2,524
  • 1
  • 12
  • 24