Jquery - Jak wstawić znak na dane wejściowe?

Question

Czy ktoś może mi pomóc, proszę ...

Robię formularz internetowy. Chciałbym wstawić znak dolara do niektórych WEJŚĆ, które mają klasę pola numerycznego. Chcę, aby treść użytkownika podążała za znakiem dolara lub kursu.

Wstawia znak dolara OK, ale zawartość kończy się przed nim.

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

Uwaga - znak dolara jest wymagane, ponieważ są to dane finansowe

innymi słowy (nic wspólnego z jQuery :)!) - wpisze w „100” i staje się „100 $”)

Answer 1

można zrobić coś takiego:

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

w 1.4, prosty bardziej kompletne rozwiązanie dla Twojego scenariusz:

$('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

można przekazać funkcję val() i użyć wyrażenia regularnego dodać $ do przodu, jeśli nie ma tam nikogo już:

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

Powyższe regex oznacza zastąpić sekwencję z białej spacji na początku wartości, którą nie jest, po której następuje znak dolara ze znakiem dolara. To też by działało:

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

Answer 4

Dlaczego twoje życie jest skomplikowane? Wystarczy umieścić znak dolara w HTML poza elementu wejściowego ...

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