Tell us what you are trying to do?
I have tried CRED validation, Javascript validation, and jQuery validation in order to get first name and last name required for User forms.
The only one that worked was jQuery from this post -> https://toolset.com/forums/topic/makes-fields-required/
It works fine but I cannot change the error message it gives. I tried using .append, .val() but with no luck.
I just would like to add my own error message to this code below:
jQuery( document ).ready(function() {
jQuery("input[name='first_name']").prop('required',true);
jQuery("input[name='last_name']").prop('required',true);
});
Hi,
Thank you for contacting us and I'd be happy to assist.
If you're referring to the default 'required' field message, that each browser shows differently, I was able to customize it, using the following script:
jQuery( document ).ready(function() {
// first name field
jQuery("input[name='first_name']").prop('required',true);
jQuery("input[name='first_name']").attr("oninvalid","this.setCustomValidity('Enter First Name Here')");
jQuery("input[name='first_name']").attr("oninput","this.setCustomValidity('')");
// last name field
jQuery("input[name='last_name']").prop('required',true);
jQuery("input[name='last_name']").attr("oninvalid","this.setCustomValidity('Enter Last Name Here')");
jQuery("input[name='last_name']").attr("oninput","this.setCustomValidity('')");
});
( ref: https://stackoverflow.com/a/20189012 )
Note: The custom code examples from our forum are shared to get you started in the right direction. You're welcome to adjust them as needed and for more personalized customization assistance, you can consider hiring a professional from our list of recommended contractors:
https://toolset.com/contractors/
regards,
Waqar
Waqar, thanks for your help. I will be testing this but next week since it's the end of the year.
I tried all kind of sort, even chaining the JS but unsuccessful.
Thanks and I will reply next week!
Sure please take your time and this ticket will stay open for a couple of weeks.
