需要使用javascript修剪表单中的所有元素

需要使用javascript修剪表单中的所有元素,javascript,jquery,forms,Javascript,Jquery,Forms,我需要从表单的文本元素中修剪所有尾随空格。我需要用最少的步骤来做。我一按onsubmit,它就会修剪所有的空白,然后执行进一步的操作。有可用的脚本吗?如果没有,那么你能帮我实现我的目标吗。目前,我需要手动识别每个元素,然后执行类似的修剪 var username = myform.elements['username'].value; username.trim(); 如何概括 $("form").children().each(function(){ this.value=$(this).

我需要从表单的文本元素中修剪所有尾随空格。我需要用最少的步骤来做。我一按onsubmit,它就会修剪所有的空白,然后执行进一步的操作。有可用的脚本吗?如果没有,那么你能帮我实现我的目标吗。目前,我需要手动识别每个元素,然后执行类似的修剪

var username = myform.elements['username'].value;
username.trim();
如何概括

 $("form").children().each(function(){
this.value=$(this).val().trim();
})
将修剪表单标记内的所有textbox和textarea,但不要在表单内写入不必要的代码。

使用

$('input').val(function(_, value) {
   return $.trim(value);
});
获取所有表单元素。使用每个函数迭代并修剪它

它将是这样的(未测试)


很抱歉把它分成两行$(this.val($.trim($(this.val()))对我来说似乎太过分了。您已经使用此.value引用了该值。
var allInputs = $(":input");
var allInputs = $(":input"); 
allInputs.each(function() {
        $(this).val($.trim($(this).val()));
    });
$('#yourformid').submit(function(){
 $(':input').each(function(){
   $(this).val($.trim($(this).val()))
})
  return true;
});
$('#formid').find('input:text').each(function(){
                $(this).val($.trim($(this).val()));
 });