autoNumeric.js entfernen Formatierung vor dem Senden des Formulars

Question

Ich benutze ein Jquery-Plugin -> AutoNumeric (http://www.decorplanit.com/plugin/) und wenn ich das Formular abschicken kann ich nicht die Formatierung auf den Feldern vor dem POST entfernen.

Ich habe versucht, $('input').autonumeric('destroy') (und andere Methoden) zu verwenden, aber es bleibt die Formatierung auf den Textfeldern.

Wie kann ich die unformatierten Daten auf dem Server veröffentlichen? Wie kann ich die Formatierung entfernen? Gibt es ein Attribut dafür in der ersten Konfiguration oder woanders?

--edit Ich möchte die serialisierten Formulardaten nicht an den Server (mit Ajax) senden. Ich möchte das Formular mit den unformatierten Daten wie eine normale HTML-Aktion senden.

Answer 1

Ich schrieb einen besser, etwas allgemeinere Hack für diese in jQuery

$('form').submit(function(){ 
    var form = $(this); 
    $('input').each(function(i){ 
     var self = $(this); 
     try{ 
      var v = self.autoNumeric('get'); 
      self.autoNumeric('destroy'); 
      self.val(v); 
     }catch(err){ 
      console.log("Not an autonumeric field: " + self.attr("name")); 
     } 
    }); 
    return true; 
}); 

Dieser Code Form w/Fehler reinigt auf nicht autoNumeric Werte Handhabung.

Answer 2

Verwenden Sie die get Methode.

'get' | gibt das nicht formatierte Objekt über ".val()" oder ".text()" | zurück $ (Selektor) .autoNumeric ('get');

---

<script type="text/javascript"> 
    function clean(form) { 
     form["my_field"].value = "15"; 
    } 
</script> 

<form method="post" action="submit.php" onsubmit="clean(this)"> 
    <input type="text" name="my_field"> 
</form> 

Das wird immer "15" einreichen. Jetzt kreativ :)

---

Mirrored Rohwert:

<form method="post" action="submit.php"> 
    <input type="text" name="my_field_formatted" id="my_field_formatted"> 
    <input type="hidden" name="my_field" id="my_field_raw"> 
</form> 

<script type="text/javascript"> 
    $("#my_field_formatted").change(function() { 
     $("#my_field").val($("#my_field_formatted").autoNumeric("get")); 
    }); 
</script> 

Die in submit.php den Wert für my_field_formatted ignorieren und verwenden my_field statt.

Answer 3

Sie können immer php str_replace Funktion

str_repalce(',','',$stringYouWantToFix); 

es entfernen Sie alle Kommas verwenden. Sie können den Wert bei Bedarf in Ganzzahl umwandeln.

Answer 4

Innen Daten Rückruf Sie getString Methode wie unten rufen müssen:

 $("#form").autosave({ 
     callbacks: { 
      data: function (options, $inputs, formData) { 

       return $("#form").autoNumeric("getString"); 
      }, 
      trigger: { 
       method: "interval", 
       options: { 
        interval: 300000 
       } 
      }, 
      save: { 
       method: "ajax", 
       options: { 
        type: "POST", 
        url: '/Action', 
        success: function (data) { 

        } 
       } 
      } 
     } 
    }); 

Answer 5

$("input.classname").autoNumeric('init',{your_options}); 
$('form').submit(function(){ 
    var form=$(this); 
    $('form').find('input.classname').each(function(){ 
     var self=$(this); 
     var v = self.autoNumeric('get'); 
     // self.autoNumeric('destroy'); 
     self.val(v); 
    }); 
}); 

classname ist Ihre Eingangsklasse, die als autoNumeric Sorry für schlechtes Englisch^_^

Answer 6

init wird es ist eine andere Lösung für die Integration, die nicht mit Ihrer clientseitigen Validierung interferiert noch den Flash unformatierten Textes vor der Übermittlung verursacht:

var input = $(selector); 
var proxy = document.createElement('input'); 
proxy.type = 'text'; 
input.parent().prepend(proxy); 
proxy = $(proxy); 
proxy.autoNumeric('init', options); 
proxy.autoNumeric('set', input.val())'' 
proxy.change(function() { 
    input.val(proxy.autoNumeric('get')); 
}); 

Answer 7

könnten Sie verwenden die getArray Methode (http://www.decorplanit.com/plugin/#getArrayAnchor).

$.post("myScript.php", $('#mainFormData').autoNumeric('getArray'));