Jquery验证器设置值空白答案

【问题标题】：Jquery validator set value blankJquery验证器设置值空白
【发布时间】：2020-01-22 19:55:06
【问题描述】：

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

【问题讨论】：

如果您使用 jq validate，您将必须添加一个特殊规则，因为 jQM 将输入包装在不同的容器/div 中。或者，您可以告诉 jQM 不要增强任何数字输入。
演示在哪里？显示使此工作的其余代码。如果不从头开始构建，我们甚至无法重现问题，您希望如何获得任何帮助？
您的input 必须包含name 属性，否则jQuery Validate 插件无法跟踪它。
如果 value 不是有效的数值，我们将无法获取 number 字段的值。阅读此html.spec.whatwg.org/multipage/…w3.org/TR/html5/forms.html#number-state-%28type=number%29
这个问题和backbone.js有什么关系？有什么关系？

标签： jquery jquery-mobile

【解决方案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" />

【讨论】：

是的，你是对的。我得到了答案：forum.jquery.com/topic/read-invalid-value-of-input