Jquery - मैं इनपुट में एक कैरेक्टर कैसे डालूं

Question

क्या कोई मेरी मदद कर सकता है कृपया ...

मैं एक वेब फॉर्म कर रहा हूं। मैं कुछ आईएनपीयूटी में डॉलर का चिह्न डालना चाहता हूं जिसमें नंबरफील्ड क्लास है। मैं उपयोगकर्ता की सामग्री डॉलर के चिह्न या पाठ्यक्रम का पालन करना चाहता हूं।

यह डॉलर के हस्ताक्षर ठीक है, लेकिन सामग्री इसके सामने समाप्त होती है।

$('input.numberfield').val('$'); 

नोट - डॉलर चिह्न की आवश्यकता है, क्योंकि इस वित्तीय डेटा है

दूसरे शब्दों में (कुछ भी नहीं jQuery के साथ क्या करना :)!) - '100' में किसी प्रकार और यह $ 100 'हो जाता है)

Answer 1

आप कुछ इस तरह कर सकते हैं:

$('input.numberfield').each(function() { 
    $(this).val('$' + $(this).val()); 
} 

1,4 में, अपने परिदृश्य के लिए एक सरल और अधिक पूर्ण समाधान:

$('input.numberfield').keyup(function() { 
    $(this).val(function(i,v) { 
    return '$' + v.replace('$',''); //remove exisiting, add back. 
    }); 
}); 

Answer 2

var store = $("input.numberfield"); 
store.val("$" + store.val()); 

Answer 3

आप val() करने के लिए एक समारोह गुजरती हैं और अगर वहाँ पहले से ही एक नहीं है सामने एक $ जोड़ने के लिए रेगुलर एक्सप्रेशन का उपयोग कर सकते हैं:

$("input.numberfield").val(function(i, val) { 
    return val.replace(/^\s*(?!\$)/, "$"); 
}); 

ऊपर regex एक दृश्य की जगह का मतलब मूल्य की शुरुआत में सफेद स्थान की नहीं है और उसके बाद डॉलर के चिह्न के साथ एक डॉलर का संकेत है। यह भी काम करेगा:

$("input.numberfield").val(function(i, val) { 
    return val.replace(/^\s*(\$)?/, "$"); 
}); 

Answer 4

क्यों अपना जीवन जटिल बनाते हैं? बस HTML बाहर इनपुट तत्व की में डॉलर चिह्न डाल ...

<span style="border: inset 1px black; padding: 1px;"> 
    $<input style="border: none; padding: 0;"> 
</span>