How to validate an input field when the user leaves it

When you leave the input field, a function is triggered which transforms the input text to upper case.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

Enter your name: <input type="text" name="fname" id="fname" onblur="myFunction()">

<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

<script>
function myFunction() {
  let x = document.getElementById("fname");
  x.value = x.value.toUpperCase();
}
</script>

</body>
</html>

Output should be:

Single Articles

Example of HTML onblur Event Attribute	Form Events Attribute
Definition and Usage of HTML onblur Event Attribute	Form Events Attribute
Browser Support of HTML onblur Event Attribute	Form Events Attribute
Syntax of HTML onblur Event Attribute	Form Events Attribute
Attribute Values of HTML onblur Event Attribute	Form Events Attribute
Technical Details of HTML onblur Event Attribute	Form Events Attribute
How to validate an input field when the user leaves it	Form Events Attribute
How to use "onblur" together with the "onfocus" attribute	Form Events Attribute

List of Form Events Attribute	Form Events Attribute
HTML onblur Event Attribute	Form Events Attribute
HTML onchange Event Attribute	Form Events Attribute
HTML oncontextmenu Event Attribute	Form Events Attribute

Type:	Html
Category:	Web Tutorial
Sub Category:	Form Events Attribute
Uploaded by:	Admin