jQuery Validation message required overwrite does not work as expected
<p>There are plenty of tutorials out there like <a href="https://stackoverflow.com/questions/2457032/jquery-validation-change-default-error-message">here</a> and <a href="https://jqueryvalidation.org/validate/" rel="nofollow noreferrer">official jQuery Validate docs</a>. But they're not working anymore to overwrite the required messages.</p>

<p>So this one does not overwrite the required message. But anyway all tutorials out there say it should work in that way:</p>

<pre><code>$('#my-form').validate({
        rules: {
          mail: "required",
        },
        messages: {
          mail: {
            required: "Give an email in!",
          },
        }
  });
</code></pre>

<p>If I do it in this way:</p>

<pre><code>$('#my-form').validate({
        rules: {
          mail: "required",
        },
        messages: {
          mail: "Give an email in!",
        }
      });
</code></pre>

<p>it works. And it really overwrite the usual "Field Email is required". But now I'm not able to set any other message. So this is not useful!</p>

<p>So how is it possible to overwrite the required text right now?</p>

<p>I'm using <strong>Drupal 7.51</strong> with <strong>Clientside Validation 7.x-1.42</strong> and <strong>jQuery 1.10.2</strong>.</p>

<h2>Other messages are correctly owerwritten anyway</h2>

<p>So when I take the email instead of required, it correctly owerwrites it. So it's something with the required message I would assume? What are your ideas about this:</p>

<pre><code>   $('#my-form').validate({
            rules: {
              mail: "email",
            },
            messages: {
              mail: {
                email: "Invalid email",
          },
            }
   });
</code></pre>

<h2>Also setting messages globally works, except on required</h2>

<p>Works for email, but not on required:</p>

<pre><code>jQuery.extend(jQuery.validator.messages, {
  required: "required...",
  email: "email...",
});
</code></pre>

<h2>Possible workarounds (but no solution)</h2>

<ul>
<li><a href="https://stackoverflow.com/questions/16681406/jquery-validate-custom-messages">jQuery Validate custom messages</a></li>
</ul>

<p>Hint: I had the issue that other forms were not working properly. But this was just an issue of setting the <code>#required</code> property in PHP. After setting it to all the different user-register forms, they were working as well.</p>