maskedinput不适用于百分比

时间:2012-05-15 13:47:29

标签: jquery

我在输入上使用maskinput.js。当我在值之后放置百分号时,在加载页面时,不会显示任何内容。如果没有百分号,则会显示。任何人都可以让我知道发生了什么以及如何解决它?谢谢

http://jsfiddle.net/C4CeR/1/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
<title>Mask</title> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://yii-framework-tutorial.googlecode.com/svn-history/r3/assets/fb2a00e4/jquery.maskedinput.js" type="text/javascript"></script>

<script> 
 $(function(){$(".percent").mask("99%");});
 $(function(){$(".number").mask("99");});
</script>

</head>

<body>
 <input type="text" name="margin" class="percent" value="12" />
 <input type="text" name="number" class="number" value="12" />
</body> 
</html>

1 个答案:

答案 0 :(得分:0)

从我在这里看到的情况看,mask会显示一个数字,并且不会将百分比识别为数字。

解决方案:不要在号码后面加上百分号。如果数字以某种方式生成为百分比,请使用myNumber = myNumber.split("%")[0]

之类的内容删除百分号