我正在使用 jQuery 插件 AutoNumeric，但是当我提交表单时，我无法删除 POST 之前字段的格式。
我尝试使用$('input').autonumeric('destroy')（和其他方法），但它在文本字段中留下了格式。
我如何POST将未格式化的数据发送到服务器？如何删除格式？在初始配置或其他地方是否有它的属性？
我不想将序列化的表单数据发送到服务器（使用 AJAX）。我想提交带有未格式化数据的表单，就像普通的 HTML 操作一样。
【问题讨论】：
标签： javascript jquery jquery-plugins autonumeric.js
我在 jQuery 中为此编写了一个更好、更通用的 hack
$('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 值的错误处理清除表单。
【讨论】：
{ unformatOnSubmit : true }
对于较新的版本，您可以使用以下选项：
unformatOnSubmit: true
【讨论】：
在数据回调中，您必须调用 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) {
}
}
}
}
});
【讨论】：
使用get 方法。
'得到' |通过“.val()”返回未格式化的对象或 ".text()" | $(selector).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>
这将始终提交"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>
submit.php 中的忽略 my_field_formatted 的值并改用 my_field。
【讨论】：
get 值并提交？我假设您有一些自定义的 onsubmit 处理程序，如果没有，请制作一个，您将需要它。
你可以随时使用phpstr_replace函数
str_repalce(',','',$stringYouWantToFix);
它将删除所有逗号。如有必要，您可以将值转换为整数。
【讨论】：
$("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 初始化 对不起英语不好^_^
【讨论】：
还有另一种集成解决方案，它不会干扰您的客户端验证，也不会导致提交前未格式化的文本闪烁：
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'));
});
【讨论】：
您可以使用 getArray 方法 (http://www.decorplanit.com/plugin/#getArrayAnchor)。
$.post("myScript.php", $('#mainFormData').autoNumeric('getArray'));
【讨论】：
我想出了这个，似乎是最干净的方法。 我知道这是一个很老的帖子，但它是第一个 Google 匹配，所以我会把它留在这里以备不时之需
$('form').on('submit', function(){
$('.curr').each(function(){
$(this).autoNumeric('update', {aSign: '', aDec: '.', aSep: ''});;
});
});
【讨论】：
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();
});
【讨论】：
autoNumeric("getArray") 不再有效。
unformatOnSubmit: true 在使用 serializeArray() 使用 Ajax 提交表单时似乎不起作用。
改为使用formArrayFormatted获取form.serializeArray()等价的序列化数据
只需从表单中获取任何 AutoNumeric 初始化元素并调用该方法。它将序列化整个表单，包括非自动数字输入。
$.ajax({
type: "POST",
url: url,
data: AutoNumeric.getAutoNumericElement("#anyElement").formArrayFormatted(),
)};
【讨论】：