使用javascript / jQuery验证不支持输入类型编号

时间:2017-06-20 06:13:00

标签: javascript json html5

我尝试使用javascript / jQuery代码验证输入字段。这适用于输入类型文本,不支持数字类型。输入类型'数字'在FireFox中根本不起作用。

我的客户希望该字段在用户开始输入时显示移动设备中的数字键盘,并且在用户尝试输入单词的情况下应该删除这些字词。

fiddle with example

HTML:

<input name="pricePerHour" id="pricePerHour" type="number" class="form-control" placeholder="Price Per Hour" required />
<br><br>
<input name="pricePerHour" id="costPerHour" type="text" class="form-control" placeholder="Cost Per Hour" required />

使用Javascript:

$("#pricePerHour,#costPerHour").on("keyup", function() {

  var valid = /^\d{0,4}(\.\d{0,2})?$/.test(this.value),
    val = this.value;

  if (!valid) {

    this.value = val.substring(0, val.length - 1);
  }
});

2 个答案:

答案 0 :(得分:0)

php-sample.us-east-2.elasticbeanstalk.com上托管的网站无法访问www.52.15.167.221:9000 上的api资源,而无需使用正确的cors标头+选项端点

更多

这是为了保护用户。请阅读cors https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

答案 1 :(得分:0)

缺少CORS授权。 如果您使用的是apache,请修改www.52.15.167.221:9000的配置文件,例如httpd.conf或apache.conf或.htaccess

将此行放在我上面提到的任何配置文件中。它应该工作。

Header set Access-Control-Allow-Origin "*"