h:inputText allow only decimal digits












0














I need to restrict the inputtext using onkeypress event to allow only numbers and decimal. i am able to restrict numbers but its not allowing dot value.



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>









share|improve this question




















  • 1




    This is a plain jsf inputText, nothing PrimeFaces related
    – Kukeltje
    Nov 20 at 12:07










  • yes just plain jsf
    – Vivek Shankar
    Nov 20 at 12:10






  • 1




    It even comes down to plain HTML and JavaScript
    – Jasper de Vries
    Nov 22 at 15:02
















0














I need to restrict the inputtext using onkeypress event to allow only numbers and decimal. i am able to restrict numbers but its not allowing dot value.



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>









share|improve this question




















  • 1




    This is a plain jsf inputText, nothing PrimeFaces related
    – Kukeltje
    Nov 20 at 12:07










  • yes just plain jsf
    – Vivek Shankar
    Nov 20 at 12:10






  • 1




    It even comes down to plain HTML and JavaScript
    – Jasper de Vries
    Nov 22 at 15:02














0












0








0







I need to restrict the inputtext using onkeypress event to allow only numbers and decimal. i am able to restrict numbers but its not allowing dot value.



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>









share|improve this question















I need to restrict the inputtext using onkeypress event to allow only numbers and decimal. i am able to restrict numbers but its not allowing dot value.



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>






javascript html jsf






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 22 at 14:59









Jasper de Vries

8,65453472




8,65453472










asked Nov 20 at 12:03









Vivek Shankar

94




94








  • 1




    This is a plain jsf inputText, nothing PrimeFaces related
    – Kukeltje
    Nov 20 at 12:07










  • yes just plain jsf
    – Vivek Shankar
    Nov 20 at 12:10






  • 1




    It even comes down to plain HTML and JavaScript
    – Jasper de Vries
    Nov 22 at 15:02














  • 1




    This is a plain jsf inputText, nothing PrimeFaces related
    – Kukeltje
    Nov 20 at 12:07










  • yes just plain jsf
    – Vivek Shankar
    Nov 20 at 12:10






  • 1




    It even comes down to plain HTML and JavaScript
    – Jasper de Vries
    Nov 22 at 15:02








1




1




This is a plain jsf inputText, nothing PrimeFaces related
– Kukeltje
Nov 20 at 12:07




This is a plain jsf inputText, nothing PrimeFaces related
– Kukeltje
Nov 20 at 12:07












yes just plain jsf
– Vivek Shankar
Nov 20 at 12:10




yes just plain jsf
– Vivek Shankar
Nov 20 at 12:10




1




1




It even comes down to plain HTML and JavaScript
– Jasper de Vries
Nov 22 at 15:02




It even comes down to plain HTML and JavaScript
– Jasper de Vries
Nov 22 at 15:02












1 Answer
1






active

oldest

votes


















2














Input of decimal dot . is prevented by your onkeypress because the event key code is 46 which is not within the allowed range of 48 <= code <= 57. You have to allow code 46 additionally:



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) &amp;&amp; event.which != 46 ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>





share|improve this answer





















  • thanks for the answer
    – Vivek Shankar
    Nov 23 at 8:51











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53392622%2fhinputtext-allow-only-decimal-digits%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









2














Input of decimal dot . is prevented by your onkeypress because the event key code is 46 which is not within the allowed range of 48 <= code <= 57. You have to allow code 46 additionally:



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) &amp;&amp; event.which != 46 ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>





share|improve this answer





















  • thanks for the answer
    – Vivek Shankar
    Nov 23 at 8:51
















2














Input of decimal dot . is prevented by your onkeypress because the event key code is 46 which is not within the allowed range of 48 <= code <= 57. You have to allow code 46 additionally:



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) &amp;&amp; event.which != 46 ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>





share|improve this answer





















  • thanks for the answer
    – Vivek Shankar
    Nov 23 at 8:51














2












2








2






Input of decimal dot . is prevented by your onkeypress because the event key code is 46 which is not within the allowed range of 48 <= code <= 57. You have to allow code 46 additionally:



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) &amp;&amp; event.which != 46 ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>





share|improve this answer












Input of decimal dot . is prevented by your onkeypress because the event key code is 46 which is not within the allowed range of 48 <= code <= 57. You have to allow code 46 additionally:



<h:inputText value="#{dimStackLine.max}"
onkeypress="if( (event.which &lt; 48 || event.which &gt; 57) &amp;&amp; event.which != 46 ) return false;">
<p:ajax event="change" process="@this"></p:ajax>
<f:convertNumber pattern="####0.00000" />
</h:inputText>






share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 20 at 14:13









Selaron

1,297914




1,297914












  • thanks for the answer
    – Vivek Shankar
    Nov 23 at 8:51


















  • thanks for the answer
    – Vivek Shankar
    Nov 23 at 8:51
















thanks for the answer
– Vivek Shankar
Nov 23 at 8:51




thanks for the answer
– Vivek Shankar
Nov 23 at 8:51


















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53392622%2fhinputtext-allow-only-decimal-digits%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Ottavio Pratesi

Tricia Helfer

15 giugno