Пустое значение валидатора Jquery

Question

У меня есть <input type="number" size="35" value="Enter a Number..." step="0.01" placeholder="Enter a Number..."> после ввода чего-либо, кроме числа, оно становится недействительным, и когда я пытаюсь получить доступ к его значению, оно показывает пробелы, помеченные jquery-mobile. Есть ли способ получить введенное значение?

Answer 1

Я думаю, это связано с чем-то с jqmobile.

Даже если вы добавите виджет clearBtn , при вводе недопустимых строк он не будет отображаться:

document.querySelector('input[type="number"]').addEventListener('change', function() {console.log(this.value)});

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<input type="number" size="35" value="Enter a Number..." step="0.01" placeholder="Enter a Number..." data-clear-btn="true" />