屏蔽输入以仅允许十六进制颜色

Question

using the jQuery Validate plugin or maybe manually with jQuery, I'd like to create an input field which accepts values with a '#' sign at the beginning, and 6 other characters. So, the input would accept something like this:

#fff, #ff0000, #f00f , but would decline '1232131231', or something else that doesn't match with the mask. I hope someone can help me with this.

Answer 1

没有办法让它只接受 # 开箱即用，但你可以做的是让它只接受数字，然后在提交后将 # 添加到开头。

Answer 2

Try this:

<input type="text" id="color">

$(document).ready(function() {
    $('#color').on('keyup', function() {
        if (/^#\d{6}$/.test($(this).val())) {
            console.log("it's a hex color");
        } else {
            console.log("it's not a hex color");
        }
    });
});

Working fiddle: http://jsfiddle.net/QEsGY/