From d8fb6e240b9eca0d3a7888b9c55e837eb36828a1 Mon Sep 17 00:00:00 2001 From: agusmakmun <summon.agus@gmail.com> Date: Tue, 26 Apr 2016 04:29:01 +0700 Subject: [PATCH] Add post --- ...script-validator-for-input-number.markdown | 28 +++++++++++++++++++ category/others.md | 6 ++++ 2 files changed, 34 insertions(+) create mode 100644 _posts/2016-04-26-javascript-validator-for-input-number.markdown create mode 100644 category/others.md diff --git a/_posts/2016-04-26-javascript-validator-for-input-number.markdown b/_posts/2016-04-26-javascript-validator-for-input-number.markdown new file mode 100644 index 0000000..76979af --- /dev/null +++ b/_posts/2016-04-26-javascript-validator-for-input-number.markdown @@ -0,0 +1,28 @@ +--- +layout: post +title: "Javascript Validator for Input Number" +date: 2016-04-26 04:19:22 +0700 +categories: [others] +--- + +This javascript will validate/allow the number only when event key is pressed. + +{% highlight html %} +<input id="id_price" type="number" min=0 /> +<script type="text/javascript"> +function isNumber(evt) { + evt = (evt) ? evt : window.event; + var charCode = (evt.which) ? evt.which : evt.keyCode; + if (charCode > 31 && (charCode < 48 || charCode > 57)) { + return false; + } + return true; +} +document.getElementById('id_price').setAttribute("onkeypress", "return isNumber(event)"); +</script> +{% endhighlight %} + + +For example result of it: + +<script async src="//jsfiddle.net/agaust/3qz105nn/embed/html,result/dark/"></script> \ No newline at end of file diff --git a/category/others.md b/category/others.md new file mode 100644 index 0000000..1ded01a --- /dev/null +++ b/category/others.md @@ -0,0 +1,6 @@ +--- +layout: posts_by_category +categories: others +title: Others +permalink: /category/others +--- \ No newline at end of file -- GitLab