模式/验证在输入中的数字之间创建一个点


Pattern/validation making a dot between numbers in input

正如标题所说,我正在尝试进行像 4.11 这样的输入,所以当用户输入 4 时,他会自动抛出最后两个数字,并且它们之间有点。我正在使用jquery验证,我尝试了模式,但我根本不知道如何做这样的事情。编辑:这就是我所拥有的,我不知道如何处理这样的事情。

$(document).ready(function(){
        $('#first_form').validate({
            rules: {
                patch: {
                    required: true,
                    minlength: 4,
                    maxlength: 4,
                    remote: {
                        url: "checkpatch.php",
                        type: "post"
                        }
                    }
                },
            messages: {
                patch: {
                    required: "Please enter patch version.",
                    remote: "Patch with this number already exists."
                    }
                }
        });
    });

有一个jquery插件,对于你的目标非常方便...它被称为屏蔽输入(https://github.com/digitalBush/jquery.maskedinput)...看看吧!

我还根据您的需求准备了一个基本的演示设置:数字(点)数字-数字(即 4.82):

.html:

<input type="text" name="num" id="num">
<button id="clr">Clear</button>

JavaScript:

//masked input definitions
$.mask.definitions['~'] = "[+-]";
$.mask.definitions['x'] = '[0-9]';
$.mask.definitions['*'] = '[-A-Za-z0-9._'''/?&=~]';
$("#num").focus();
$("#num").mask("x.xx", {
    placeholder: ""
});
$("#clr").on("click", function () {
    $("#num").val("");
    $("#num").focus();
});

在这里小提琴:http://jsfiddle.net/captain_theo/u91q7p4h/

有关更多信息,我建议您浏览插件的文档...

节日快乐!