form jquery mobile

by Yusril Maulidan Raji

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<form>
<label for="number-pattern">Number + [0-9]* pattern:</label>
<input type="number" name="number" pattern="[0-9]*" step="0.01" id="number-pattern" value="" tabindex="-1">
<input type="number" name="number" pattern="[0-9]*" step="0.01" id="number-pattern" value="" tabindex="-1">
</form>

CSS

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

JavaScript

$('#number-pattern').on('keydown', function (event) {
	alert(event.which);
	if(event.which == 13)
  {
  	alert("Entered");
  }
});