sorry for a javascript question

zamzon

i would like to disable the GO button in the html form when there is no text in the textbox.

however when the last character has just been delete, the GO button will not be disable until you leave the focus of the text box.

is there any way to do a realtime trigger?

a simply html form:

and the javascript is:

function checkContent(){
if(document.search.searchbox.value!="")
document.search.submit_button.disabled=false;
else
document.search.submit_button.disabled=true;
}

Rodders

You could try the onKeyPress() function.

Go here to see an example, although it's not doing exactly what you want but it should be easily modified.

KemuriSka

try this:

<html>
<head>
<title></title>
<script language="JavaScript">
<!--
function validate() {
  if (document.all) {
    msg = "";
    if (document.search.searchbox.value == "") {
      msg += "Please enter a search term\n";
    }
    if (msg == "") {
      return true
    }else{
      alert (msg);
      return false;
    }
  }
}

function disable() {
  if (document.all) {
    document.search.submit_button.disabled = true;
  }
}

[COLOR=green]// This function clears the searchbox automatically and is set in the
// onFocus handler on the searchbox element. Thought it might be handy[/COLOR]
function clearBox() {
  if (document.all) {
    document.search.searchbox.value = "";
  }
}
//-->
</script>
</head>
<body>
[COLOR=green]<!-- The disable() function on the 'onSubmit' handler below disables the submit
button only if the validate() function returns true below -->[/COLOR]
<form name="search" action="somepage.php" action="post" onSubmit="disable();">
[COLOR=green]<!-- The clearBox() function will clear the searchbox when the user focuses on it -->[/COLOR]
<input name="searchbox" type="text" value="Input here" onFocus="clearBox();">
[COLOR=green]<!-- Returning the validate() function on the onClick handler will allow the form
to be submitted only if the searchbox has got a value -->[/COLOR]
<input name="submit_button" type="submit" value="GO" onclick="return validate();"> 
</form> 
</body>
</html>

Hope this is what you wanted
KemuriSka

zamzon

thank you very much Rodders and KemuriSka
i think the only way is onkeypress(), i think i can modify it
Thanks again