Question

我正在使用jQuery插件AutoNumeric但是当我提交表单时，我无法删除POST之前字段的格式。

我尝试使用$('input').autonumeric('destroy')（以及其他方法），但它会在文本字段中保留格式。

我如何POST未格式化的数据到服务器？如何删除格式？在初始配置或其他地方是否有属性？

我不想将序列化的表单数据发送到服务器（使用AJAX）。我想提交带有未格式化数据的表单，如普通的HTML操作。

Answer 1

我在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;
});

此代码清除没有autoNumeric值的错误处理表单。

Answer 2

内部数据回调你必须调用getString方法，如下所示：

        $("#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 3

对于较新的版本，您可以使用以下选项：

unformatOnSubmit: true

Answer 4

使用get方法。

'得'|通过“.val（）”或返回未格式化的对象 “.text（）”| $（选择器）.autoNumeric（ '获得'）;

<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>

这将始终提交"15"。现在变得有创意：）

镜像原始值：

<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>

in submit.php会忽略my_field_formatted的值，而是使用my_field。

Answer 5

您可以随时使用php str_replace功能

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

它将删除所有逗号。如果需要，可以将值转换为整数。

Answer 6

$("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 是您的输入类，它将作为autoNumeric初始化抱歉英文不好^ _ ^

Answer 7

还有另一种集成解决方案，它不会干扰您的客户端验证，也不会在提交之前导致无格式文本的闪烁：

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 8

您可以使用 getArray 方法（http://www.decorplanit.com/plugin/#getArrayAnchor）。

ggplot(data = df0, aes(x = car, y = mpg)) + geom_bar(stat = "identity") + coord_flip() + theme(axis.text.y = element_text(lineheight = 0.5 , size = 6))

Answer 9

我想出了这，似乎是最干净的方法。我知道这是一个很老的话题，但这是Google的第一场比赛，所以我将其留在这里以备将来使用

$('form').on('submit', function(){
    $('.curr').each(function(){
        $(this).autoNumeric('update', {aSign: '', aDec: '.', aSep: ''});;
    });
});

Answer 10

AJAX用例解决方案

我相信，在上述所有问题中，这是更好的答案，因为写此问题的人正在做AJAX。所以请对其进行投票，以便人们轻松找到它。对于非ajax表单提交，@ jpaoletti给出的答案是正确的。

// Get a reference to any one of the AutoNumeric element on the form to be submitted
var element = AutoNumeric.getAutoNumericElement('#modifyQuantity');

// Unformat ALL elements belonging to the form that includes above element
// Note: Do not perform following in AJAX beforeSend event, it will not work
element.formUnformat();

$.ajax({
    url: "<url>",
    data : {
        ids : ids,
        orderType : $('#modifyOrderType').val(),
        
        // Directly use val() for all AutoNumeric fields (they will be unformatted now)
        quantity : $('#modifyQuantity').val(),
        price : $('#modifyPrice').val(),
        triggerPrice : $('#modifyTriggerPrice').val()
    }
})
.always(function(  ) {
    // When AJAX is finished, re-apply formatting    
    element.formReformat();     
});

Answer 11

autoNumeric("getArray") 不再有效。

unformatOnSubmit: true 在使用 serializeArray() 使用 Ajax 提交表单时似乎不起作用。

改为使用 formArrayFormatted 获取 form.serializeArray() 的等效序列化数据

只需从表单中获取任何 AutoNumeric 初始化元素并调用该方法。它将序列化整个表单，包括非自动数字输入。

$.ajax({
    type: "POST",
    url: url,
    data: AutoNumeric.getAutoNumericElement("#anyElement").formArrayFormatted(),
)};

autoNumeric.js在提交表单之前删除格式

11 个答案: