掩码输入数量 - 百分比

Question

如何通过jQuery创建具有百分比的数字的掩码输入？在用户完成输入(keyup)时,我是否输入只接受三个数字并在数字后面加上百分号？

我不使用插件.

示例: 1%或30%或99%或100%或200%

<input name="number" class="num_percent">

Answer 1

你最好不要使用JavaScript.除了onkeyup用于检测文本输入所带来的问题之外,还有将生成的字符串解析回客户端/服务器脚本中的数字的麻烦.如果您希望百分号看起来是集成的,您可以执行以下操作:

<div class="percentInput">
    <input type="text" name="number" class="num_percent">
    <span>%</span>
</div>

.percentInput { position:relative; }
.percentInput span { position: absolute; right: 4px; top:2px; }
.num_percent { text-align: right; padding-right: 12px; }

http://jsfiddle.net/BvVq4/

我很急,所以你可能需要调整样式才能让它看起来正确的跨浏览器.至少它给你一般的想法.