JqueryUI 회 전자의 NumberFormat 통화 나는 JQuery와 통화 입력이

Question

숫자 값을 입력하고이 코드를 사용하고 있습니다 :

$('input[name="precio"]').spinner({ 
    min:0, 
    numberFormat: 'C' 
}); 

는 $와 숫자 또는에 따라 € 기호와 숫자를 같이 입력은 완벽하게 작동 세계화.

문제는 양식을 제출할 때 "5,00 €"과 같은 텍스트가 나오고 숫자 값이 5.00 또는 500이되고 싶습니다.

이렇게 할 방법이 있습니까? 미리 감사드립니다.

Answer 1

좋아 I finnaly는 내가 원하는 방식으로이 작업을 수행했습니다. 난 그냥 JQueryUI에서 회를 확장하는 플러그인라는 이름의 currencyspinner을 만들었습니다, 여기에 코드입니다 : 나는 같은 이름의 숨겨진 입력을 만들고 그것을 아리아 - valuenow마다의 값을 제공

$.widget("ui.currencyspinner", $.ui.spinner, { 
    options: { 
     numberFormat: 'C', // Currency Format 
     min:0, 
     step:0.10 
    }, 
    _create: function(){ 
     this.hidden = $('<input type="hidden" value="'+this.element.val()+'" name="'+this.element.attr('name')+'">'); // Create a hidden input with the same name and value 
     this.element.removeAttr('name'); // remove the name of the original element 
     this.element.before(this.hidden); // insert the hidden element before the original element 
     return this._super(); 
    }, 

    _refresh: function() { 
     this.hidden.val(this._parse(this.element.val())); // put the aria-valuenow on the original element 
     return this._super(); 
    }, 

    _destroy: function(){ 
     this.element.attr('name',this.hidden.attr('name')); // put back the name on the original value 
     this.hidden.remove();        // remove the hidden element 
     return this._super(); 
    } 
}); 

스피너 새로 고침 .

currencyspinner를 생성 한 후 currencyspinner에 액세스하려는 경우 $('input[name="nameoftheelement"]').currencyspinner(...);을 사용할 수 없으므로이 입력란은 숨겨진 입력이며 회 전자 자체는 사용할 수 없으므로주의하십시오.

나는 그것이 누군가를 돕기를 희망한다!

Answer 2

는 (코멘트에서 귀하의 질문에 대답하기 (포맷없이) 현재의 숫자 값을 가져옵니다 해당 입력에 대한 '아리아 - valuenow'

http://jsfiddle.net/ma8zd7mg/1/

$("#spinner").spinner({ 
    min: 0, 
    numberFormat: "C" 
}); 

$("#test").click(function(){ 
    alert($("#spinner").attr('aria-valuenow')); 
}); 

편집라는 속성입니다) PHP로 제출 한 후 값을 얻으려면 다음을 할 수 있습니다. 1. 스피너의 숫자 값을 가져 오는 자리 표시 자 입력을 만들고 값이 제출됩니다. 2. PHP를 사용하여 추가 형식 문자를 제거합니다 $,. 그리고 여분 제로)

는이 같은 뭔가 첫 번째 방법을 권장합니다

$("#submit-btn").click(function(e){ 
    //prevent the form submission 
    e.preventDefault(); 

    //add a placeholder input with the value of the spinner 
    $("#my-from").append('<input/>', { 
     'type': 'hidden', 
     'name': 'spinner-value', 
     'value': $("#spinner").attr('aria-valuenow') 
    }); 

    //now submit the form 
    $("#my-form").submit(); 
}); 

그런 다음 PHP에서 당신은 그냥 얻을 수있는 '스피너 값'입력

<?php 
$spinner = $_REQUEST['spinner-value']; 
.... 
.... 
?>