模式/验证在输入中的数字之间做出点

时间:2014-12-23 14:24:26

标签: php jquery html validation

正如标题所说我试图像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."
                    }

                }
        });
    });

1 个答案:

答案 0 :(得分:0)

有一个jquery插件,非常方便你的目标...它被称为maskedinput(https://github.com/digitalBush/jquery.maskedinput)...检查出来!

我还根据您的需求准备了一个基本的演示设置:number(dot)number-number(即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/

有关详细信息,建议您阅读插件文档...

节日快乐!