Problem of javascript and form with validation key entry

**Sandy22** · 16-10-2009

When the user wants to search, I check if the textbox is empty and also validate its way by clicking on the "search" button, or by validating the "enter" key.

After the user performs a search with a keyword (found or not found) the 1st time, it tries to validate the text field blank validating the enter key (not clicking on the search button), there is one error message but the page is reloaded! For now, I do a little checking in PHP to determine if the field is empty, so the user gets the message "Please enter your search." on the page.

My question is: why the page is reloaded it by validating the enter key while the field is empty? Should I completely prohibit the use of the enter key? (a little too simple for my liking!)

Here is my simplified code:

HTML Code:

<script type="text/javascript">
<!--
function controle()
{
if(document.formsearch.input.value!='')
{
  document.formsearch.action = "index-search.html";
  document.formsearch.submit();
}
else
{
  alert("Not work!" );
}
}
-->
</script>
</head>
<body>
<form name="formsearch" method="post">
<input name="input" id="input" type="text" size="30" onKeyPress="if(event.keyCode == 13) controle();"/>
<input class="button" type="button" name="test" value="Search" onClick="controle();"></form>
</body>
</html>

**void** · 16-10-2009

Your way is just the most disgusting

HTML Code:

<script type="text/javascript">
<!--
function controle(form)
{
 if(form.input.value=='') {
 alert("Not work!" );
 return false;
 }
 return true
}
-->
</script>
</head>
<body>
<form method="post" action="index-search.html" onsubmit="return controle(this);">
<input name="input" id="input" type="text" size="30"/>
<input class="button" type="submit" name="test" value="Search">
</form>
</body>
</html>

What have I done? I set the type = "submit" instead of button. Now as soon as you do "Enter", your form gets submit and executes the form.
Then I transferred all your JS to the other side on the Form and then returns true or false, if I return false, the form will not be sent, if I return true, it will be. Therefore the control function it will return true or false, depending on the value contained in 'input'

**Sandy22** · 16-10-2009

Thank you for your help ...

Except that I preferred to avoid your comments even if you're right. It is not difficult to explain, however gently, saying to avoid using javascript at all is not? Anyway ...

**void** · 16-10-2009

If I am so direct is that all code, HTML, JavaScript was not very good approach. After yes I am a big bad and I make remarks that are not wrong, but direct.