2012-07-23 17 views
5

के साथ मास्क इनपुट मैं उपयोगकर्ता को 1 या दो संख्यात्मक अंक दर्ज करने की अनुमति देना चाहता हूं, और अंकों को प्रतिशत चिह्न के बाद प्रदर्शित करना चाहता हूं। यदि कोई अंक दर्ज नहीं किया गया है, तो यह खाली होना चाहिए। संलग्न लगभग काम करता है, लेकिन केवल एक अंक दर्ज होने पर प्रतिशत चिह्न नहीं दिखाता है। क्या कोई मदद कर सकता है? धन्यवादप्रतिशत चिह्न

http://jsfiddle.net/dm8Mb/

<!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://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.js" type="text/javascript"></script> 

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

</head> 

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

उत्तर

9

इस प्रयास करें - लागू करना आसान समाधान के लिए http://jsfiddle.net/dm8Mb/12/

$(function(){ 
    $(".percent").mask("9?9%"); 

    $(".percent").on("blur", function() { 
     var value = $(this).val().length == 1 ? $(this).val() + '%' : $(this).val(); 
     $(this).val(value); 
    }) 
}); 
+0

धन्यवाद। –

+0

@RAJK आपका स्वागत है :) –

+1

यह बहुत अक्षम है। आप '' '' ($) '' '* * चार * अलग-अलग समय लपेट रहे हैं (फिर पुन: मूल्यांकन कर रहे हैं), फिर' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' आपको अस्थायी चर में इन परिणामों को संग्रहित करना चाहिए। जावास्क्रिप्ट में, चर सस्ते हैं, निष्पादन महंगा है। –

संबंधित मुद्दे