ansaurus

Question

How to stop page refresh when hit enter button from rich:inputNumberSpinner field?

Answer 1

A:

I'm not a JSF expert, but I think the problem is only related to client-side JavaScript.

In several browsers you cannot prevent default actions using onkeypress (in some browsers you can, in some browsers this is the only way of preventing default actions). Anyway, this is a great mess with a lot of differences between browsers.

Following code will add the appropriate event handler to spinnerField. Run it inside an onload event handler, or at least after spinnerField is rendered.

if (window.opera)
  document.getElementById("spinnerField").onkeypress = noEnter;
else
  document.getElementById("spinnerField").onkeydown = noEnter;

function noEnter(e) {
  var event = e || window.event;

  if (event.keyCode == 13)
    return false;
}

Update: Possibly you have to set the cancelBubble property in IE to fully prevent submitting on Enter, but I'm not sure about that. If the above example doesn't work properly in Microsoft's product, replace noEnter with:

function noEnter(e) {
  var event = e || window.event;

  if (event.keyCode == 13) {
    event.cancelBubble = true;
    return false;
  }
}

Marcel Korpel 2010-06-09 02:25:59

Thanks for your effort. But i test one alert message inside of your script. That alert also called after refreshing the page.

EswaraMoorthyNEC 2010-06-09 02:59:30

@eswa: Alert message? Where do you put that line?

Marcel Korpel 2010-06-09 08:23:11

After open the braces, i add the alert message.funtion noEnter(e){ alert("start process..."); //Here i use your code }

EswaraMoorthyNEC 2010-06-09 09:26:07

@eswa: In that case, the alert will pop up on every key press. E.g., if you place it inside the `if` block, it will only fire when you press Enter.

Marcel Korpel 2010-06-09 09:30:57

Answer 2

A:

Hi Marcel Korpel

Just i modify your script like add one alert message.

<script type="text/javascript">

document.onkeydown=noEnter;
if (window.opera)
      document.getElementById("spinnerField").onkeypress = noEnter;
else
     document.getElementById("spinnerField").onkeydown = noEnter;

function noEnter(e)
{
      alert("start...");
      var event = e || window.event;
      if (event.keyCode == 13)
      {
         event.preventDefault();
         return false;
      }
}

EswaraMoorthyNEC 2010-06-09 09:34:01

Here before open the popup (alert), page refreshed.

EswaraMoorthyNEC 2010-06-09 09:36:58

I feel this is JSF component related problem.If you know jsf related forum, then please can you mentioned.Help me.

EswaraMoorthyNEC 2010-06-09 09:38:30

You shouldn't attach an `onkeydown` event in every case… Moreover, this way the alert will pop up on every key press. If you place it inside the if block, it will only fire when you press Enter.

Marcel Korpel 2010-06-09 10:37:43

Do you have an example page, so we can look at the actually generated HTML?

Marcel Korpel 2010-06-09 22:49:11

ok. That case also i check it. Like, i insert alert message in inside of if block. when i hit enter button from that rich:inputNumberSpinner field, then first page refreshed, and then alert winwow open.

EswaraMoorthyNEC 2010-06-10 02:06:10

In which browser? And still, do you have an example page, so we can check this?

Marcel Korpel 2010-06-10 12:08:06

ansaurus

tags:

views:

answers:

How to stop page refresh when hit enter button from rich:inputNumberSpinner field?

related questions