Jquery十进制数输入掩码插件

发布于 2024-12-13 10:59:31 字数 250 浏览 0 评论 0原文

嘿！

我已检查此链接上的输入掩码 http://digitalbush.com/projects/masked-input-插件/ 但我想要一些 onblur 当用户离开文本框时，它会验证格式是否为 999,99 如果用户没有输入 999,99 然后它会显示消息来更正它。否则不行。任何人都可以给出提示吗

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

红焚 2024-12-20 10:59:31

@Stuvie 得到了一些东西:)

http://jsfiddle.net/g8KSg/8/

$('input').focusout(function(e){
    var error = false;
    var regex = /^\d+,\d{2,2}$/;

    if(!($('#checkval').val().match(regex))) {   
        error = true;
    }

    if(error == true) {
            $('#result').html("<em>ERROR</em> Input must be deciaml format '99,00'");
        } else {
            $('#result').html("");
        }

});

@Stuvie got something :)

http://jsfiddle.net/g8KSg/8/

$('input').focusout(function(e){
    var error = false;
    var regex = /^\d+,\d{2,2}$/;

    if(!($('#checkval').val().match(regex))) {   
        error = true;
    }

    if(error == true) {
            $('#result').html("<em>ERROR</em> Input must be deciaml format '99,00'");
        } else {
            $('#result').html("");
        }

});

回复收藏 0 原文

匿名。 2024-12-20 10:59:31

单独使用 jQuery，您可以使用正则表达式实现您想要的效果。它可能不太好用，但正则表达式可以非常强大......

// either create a hidden error message in the HTML 
// or create an error message element here...
var numberMaskError = $(".number-mask-error");
var numberMaskInput = $(".number-mask");

function validateNumberMask() {
   // using a regular expression to determine validity
   // matches a pattern with one or more digits 0-9 followed by a comma
   // followed by exactly two more digits 0-9
   if(numberMaskInput.val().search(/^\d+,\d{2,2}$/) !== -1) {
     // hide or remove the error
     numberMaskError.hide();
   } else {
     // show or append the error
     numberMaskError.show();
   }
}

numberMaskInput.bind("change", function() {
  // validate the field when the value has been changed on blur
  validateNumberMask();
}).bind("keyup", function() {
  // revalidate if the error is currently showing and user is changing the value
  if(err.is(":visible")) {
    validateNumberMask();
  }
});

我希望这会有所帮助

Using jQuery on its own you can achieve what you want using regular expressions. It may not be as nice to work with but regular expressions can be pretty powerful...

// either create a hidden error message in the HTML 
// or create an error message element here...
var numberMaskError = $(".number-mask-error");
var numberMaskInput = $(".number-mask");

function validateNumberMask() {
   // using a regular expression to determine validity
   // matches a pattern with one or more digits 0-9 followed by a comma
   // followed by exactly two more digits 0-9
   if(numberMaskInput.val().search(/^\d+,\d{2,2}$/) !== -1) {
     // hide or remove the error
     numberMaskError.hide();
   } else {
     // show or append the error
     numberMaskError.show();
   }
}

numberMaskInput.bind("change", function() {
  // validate the field when the value has been changed on blur
  validateNumberMask();
}).bind("keyup", function() {
  // revalidate if the error is currently showing and user is changing the value
  if(err.is(":visible")) {
    validateNumberMask();
  }
});

I hope this helps

回复收藏 0 原文

~没有更多了~