javascript - jquery 插件过滤表单字段输入与十进制/浮点值的正则表达式 - 经过验证的正则表达式模式似乎不起作用

Question

背景:在 symfony 3.x 中使用 JQuery 插件进行输入文本字段过滤和正则表达式(实际上尝试了几种变体)

jquery http://www.thimbleopensource.com/tutorials-snippets/jquery-plugin-filter-text-input

目标:让表单字段只接受正 float /小数点最多 3 位小数。

可接受:

3.24
.56
3456.789

Not Acceptable :

-3.65
-.67
3.6.5
3c.56
5g

^(?:[1-9]\d*|0)?(?:\.\d+)?$ 或者 ^[0-9]*[.][0-9]+$

两者都在测试器中工作。

我正在使用正则表达式；

$('#name of the form field').filter_input({regex: "^[0-9]*[.][0-9]+$"});

它们似乎不适用于 jquery 插件。插件可能有问题还是我做错了什么？

Answer 1

检查这是否适合您。无需使用任何插件。 https://jsfiddle.net/kajalc/dtky1okL/

<input type="text" id="tester">
<div class="alert"></div>
  $("#tester").on("focusout", function(){
    var value = $(this).val();
  var patt = new RegExp("^[0-9]*[.][0-9]+$");
    if(patt.test(value)){
    $(".alert").text("Match Found!!");

  }else{
    $(".alert").text("No Match Found!!");
  }
});