I have a form (created by Sitecore CMS form builder) that renders the validation error messages in data attributes.
The problem is that for some fields, email, for instance, it shows the validation error message from the jquery validates plugin instead of the one specified in data attributes.

Here is the form

<label for="fxb_00000000-0000-0000-0000-000000000000_Fields_3ea0670b-4aa8-43cf-af7a-3c4c18e2c8c2__Value" class="placeholder">Email*</label>

<input id="fxb_00000000-0000-0000-0000-000000000000_Fields_3ea0670b-4aa8-43cf-af7a-3c4c18e2c8c2__Value" name="fxb.00000000-0000-0000-0000-000000000000.Fields[3ea0670b-4aa8-43cf-af7a-3c4c18e2c8c2].Value" class="form-holder__item input-validation-error" type="email" value="" maxlength="255" placeholder="Email*" data-sc-tracking="True" data-sc-field-name="Email" data-val-required="Email* is required." data-val-regex="Email* contains an invalid email address." data-val-regex-pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,17}$" data-val="true" aria-describedby="fxb_00000000-0000-0000-0000-000000000000_Fields_3ea0670b-4aa8-43cf-af7a-3c4c18e2c8c2__Value-error" aria-invalid="true">

<span class="field-validation-error" data-valmsg-for="fxb.00000000-0000-0000-0000-000000000000.Fields[3ea0670b-4aa8-43cf-af7a-3c4c18e2c8c2].Value" data-valmsg-replace="true"><span id="fxb_00000000-0000-0000-0000-000000000000_Fields_3ea0670b-4aa8-43cf-af7a-3c4c18e2c8c2__Value-error" class="">Email* is required.</span></span>


here for the email It should display Email* contains an invalid email address instead it shows please enter a valid email address which comes from jquery validate plugin codebase.

Email* contains an invalid email address

please enter a valid email address

Thank you in advance

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.