Changing error code with javascript

Question

Either my javascript or my template is broken.

This is my javascript to change error messages. I cannot change my template, because it is not accessible.

<!-- CHANGE ERROR MESSAGE -->
<script language="JavaScript">

  $(function() { 
    $.ajaxSetup({complete: function() { 
      $(".errorExplanation ul li:contains('Password and email do not match')").ReplaceWith('Password does not match');}}) 
  });

</script>

This is the part of the website that refuses to be translated:

The code of the page

What am I doing wrong?

Does not work. I don't think lowercase or uppercase has anything to do with it. I think the error code 'password and e-mail..' are part of another section that I do not understand (yet). — John Doe
– John Doe, Commented Apr 15, 2016 at 20:11

Rion Williams · Accepted Answer · 2016-04-15 20:13:35Z

1

You might consider just using a more generalized selector such as span.error-message:contains('...') and just using jQuery's text() function to set the content :

$("span.error-message:contains('Password and email do not match')").text('Password does not match');

If you need it to be more specific, you could use an identifier like #pattern from your example code :

$("#pattern span.error-message:contains('Password and email do not match')").text('Password does not match');

You can see a very basic example demonstrated below :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <pre>Original</pre>
  <span class='original-error-message'>
        Password and email do not match
  </span>
  <pre>Replaced</pre>
  <span class='error-message'>
        Password and email do not match
  </span>
  
<script language="JavaScript">
    $(function() { 
      // Replace any spans with class 'error-message' that contain
      // your specific text
      $("span.error-message:contains('Password and email do not match')").text('Password does not match');
    });
  </script>
</body>
</html>

edited Apr 15, 2016 at 20:13

answered Apr 15, 2016 at 20:11

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

John Doe Over a year ago

Thanks for your reply. Unfortunately it is not working. It might be the .html part, but i really think it is some section.

Rion Williams Over a year ago

I've updated it to use text(), which is more appropriate since you are just using plain text and added an example, which works.

John Doe Over a year ago

Works like a charm, thank you so much! Have a great weekend.

Marvin Medeiros · Accepted Answer · 2016-04-15 20:12:24Z

0

Use the .text() method to replace the text, make it simpler:

$(function(){
    $("span.error-message").text('Password does not match');
})

answered Apr 15, 2016 at 20:12

Marvin Medeiros

2425 silver badges22 bronze badges

Comments

Prabhat-VS · Accepted Answer · 2016-04-15 20:17:16Z

0

try this,

$('.error-message span').html('Password does not match');

answered Apr 15, 2016 at 20:17

Prabhat-VS

1,5301 gold badge21 silver badges32 bronze badges

Collectives™ on Stack Overflow

Changing error code with javascript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related