changing the language of error message in required field in html5 contact form

by

setCustomValidity‘s purpose is not just to set the validation message, it itself marks the field as invalid. It allows you to write custom validation checks which aren’t natively supported.

You have two possible ways to set a custom message, an easy one that does not involve Javascript and one that does.

The easiest way is to simply use the title attribute on the input element – its content is displayed together with the standard browser message.

<input type="text" required title="Lütfen işaretli yerleri doldurunuz" />

enter image description here

If you want only your custom message to be displayed, a bit of Javascript is required. I have provided both examples for you in this fiddle.

More Related Contents:

  1. Is it a good practice to use an empty URL for a HTML form’s action attribute? (action=””)
  2. Using the HTML5 “required” attribute for a group of checkboxes?
  3. Is action really required on forms?
  4. How do you style the HTML5 form validation messages?
  5. Can you require two form fields to match with HTML5?
  6. What is &amp used for
  7. HTML5: Slider with two inputs possible?
  8. HTML slider with two inputs possible?
  9. Can you require two form fields to match with HTML?
  10. Add span inside form’s placeholder
  11. Bootstrap height
  12. JavaScript code to stop form submission
  13. Sending data from HTML form to a Python script in Flask
  14. CSS selector for a checked radio button’s label
  15. Why does forms with single input field submit upon pressing enter key in input
  16. How to submit a form with JavaScript by clicking a link?
  17. How to convert Base64 String to javascript file object like as from file input form?
  18. How to disable the resize grabber of ? [duplicate]
  19. Best JavaScript solution for client-side form validation and interaction? [closed]
  20. HTML apply a filter
  21. How to show setCustomValidity message/tooltip without submit event
  22. How to set custom validation messages for HTML forms?
  23. Trigger standard HTML validation (form) without using submit button? [duplicate]
  24. Can you style html form buttons with css?
  25. Delphi Change main form while application is running
  26. Validate fields after user has left a field
  27. Can I use an HTML input type “date” to collect only a year?
  28. How can I control the height of an Option element in Webkit?
  29. HTML form PHP post to self to validate or submit to new page
  30. HTML form input tag name element array with JavaScript

Leave a Comment