Javascript output problem

[684425]

<input id="numb" type="number" />
<input type="submit" onclick="myFunction()" />
<p id="demo"></p>
<script>
function myFunction(){
var x = document.getElementById('numb').value;
var regex=/^[1-9]+$/;
if (x == ""){
document.getElementById('demo').innerHTML = "Input is Missing";
}
else
if (!x.match(regex)){
document.getElementById('demo').innerHTML = "Input Incorrect";
}
else {
document.getElementById('demo').innerHTML = "Input OK";
}
}
/*
if (x == "") {
document.getElementById('demo').innerHTML = "Input is Missing";
}
else if (isNaN(x)) {
document.getElementById('demo').innerHTML = "Input Incorrect";
}
else {
document.getElementById('demo').innerHTML = "Input OK";
}
}
*/
</script>

When input type is "text" it works fine. but when i change input type to "number" and then if i type letters or letters plus numbers. it says "input missing"

How can i get correct output while using input type "number"  ?

Please guide. Thankyou.

[scootstah]

type="number" only allows numbers to be entered.

[684425]

Plz check attached file. it does not give any error when letters are typed.

new.html

[scootstah]

There aren't errors, the value is just set to an empty string. Any non-numbers are considered invalid input and the whole thing just ends up being an empty string.