Elementor Form Accessible Err messages

/* Add the following right after the Form widget as HTML widget */
/* Assume name field with id="name" and email field with id="email" */
<script>
jq2 = jQuery.noConflict();
jq2(function( $ ) {
  $(":submit").click(function(event){
	let name = $("#form-field-name").val();
	let email = $("#form-field-email").val();
	// alert('submit clicked name='+name + "  email="+email+"<<");
	if ((name === undefined || name === "") && $('#name-err').length === 0)
		$("#form-field-name").after( "<span style='color:red' aria-label='alert' id='name-err'>Name field is required</span>");
	if ((email === undefined || email === "") && $('#email-err').length === 0)
		$("#form-field-email").after( "<span style='color:red' aria-label='alert' id='email-err'>Email field is required</span>");
	//$("#form-field-email").css({"backgroundColor": "red", "color": "blue"});
	//$("#form-field-name").css({"border": "5px solid red"});
	//event.preventDefault();
  });
  $("#form-field-name").change(function() {
	  $("#name-err").remove();
	});
  $("#form-field-email").change(function() {
	  $("#email-err").remove();
	});
});
</script>

Notes:

1. Make sure that form field id values are 'name' and 'email' - You may change as desired.