Uncaught ReferenceError: Invalid left-hand side in assignment

Question

<script>
function urlencode(str) {
   return escape(str).replace('+', '%2B').replace('%20', '+').replace('*', '%2A').replace('/', '%2F').replace('@', '%40');
}
$('input#q').keyup(function(e) {
 if(e.keyCode == 13) {
  if($('input#q').val().length > 2) 
  { 
   $('input#q').val() = urlencode($('input#q').val());
   document.search_form.submit();
  }
 }
});
$('input#search').click(function() {
 if($('input#q').val().length > 2) 
 { 
  $('input#q').val() = urlencode($('input#q').val());
  document.search_form.submit();
 } 
});
</script>

when i click the search button i get the following error : "Uncaught ReferenceError: Invalid left-hand side in assignment" But the code is actually the same as when i press "enter". Can someone explain?

Answer 1

You can't assign a new value to the result of a function

$('input#q').val() = urlencode($('input#q').val());

Use this instead:

$('input#q').val(urlencode($('input#q').val()))

It wouldn't work with the keypress either - maybe the page is simply submitted after the same js error occurs.

Answer 2

Why are you assinging a result of a function like this:

$("input#q").val = urlencode($('input#q').val())

Use this instead

$("input").val(urlencode($('input#q').val())