Jquery 验证器设置值空白

Question

我使用 jquery-mobile 框架开发了一个移动应用程序。我需要用户在输入字段中输入的值。 <input type="number" size="35" value="Enter a Number..." step="0.01" placeholder="Enter a Number..."> 如果输入任何数字，那么它的值就会成功，但是如果输入除数字以外的任何东西，它就会变得无效并且它的值显示为空白，有没有办法获得输入的值？

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" />

Jquery 验证器设置值空白

Jquery validator set value blank

jquery

jquery-mobile