Jump to content

[SOLVED] form button


Niccaman

Recommended Posts

I have for example a text field and a button (not submit type but button type):

 

<input type="text">
<input type="button">

 

How do i make it so that when i press enter after typing something in the text field, it will activate the button. (this normally would happen if type="submit" but i require button).

Link to comment
Share on other sites

Could try something like this

function enter_button(e)
{
if(e.which == 13 || e.keycode == 13)
{
	do_what_your_button_does();
	window.stop();
	document.execCommand(\'Stop\');
}
}

//and then

<input type="text" onkeyup="enter_button();" />

Link to comment
Share on other sites

just tried it, i have no idea whats going on there (the processing), im guessing 13 is a reference to the enter button.  i changed the

(/'stop/')

bit to

('stop')

because it was treating rest of javascript on page as string. tested but didnt work...

Link to comment
Share on other sites

Oh yeah, I nicked it from one of my php scripts, I forgot to remove the escaped quotes lol.

 

Yeah, 13 is the enter key. Oh, I forgot to call the function with the event.

 

This should work better

<script>
function enter_button(e)
{
   if(e.which == 13 || e.keycode == 13)
   {
      button_function();
      window.stop();
      document.execCommand('Stop');
   }
}
function button_function()
{
alert("button function!");
}
</script>
<input type="text" onkeyup="enter_button(event);" /><br />
<input type="button" onclick="button_function();" />

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.