Cần phải cắt tất cả các phần tử trong biểu mẫu bằng cách sử dụng javascript

Question

Tôi cần cắt tất cả các khoảng trắng ở cuối từ các phần tử văn bản của biểu mẫu. Tôi cần phải làm điều đó trong số bước tối thiểu. Ngay sau khi tôi nhấn onsubmit, nó sẽ cắt tất cả các khoảng trắng và sau đó thực hiện các thao tác tiếp theo. Có kịch bản nào không? Nếu không thì bạn có thể giúp tôi đạt được Mục tiêu của mình không. Hiện tại tôi cần phải xác định thủ công mỗi phần tử và sau đó thực hiện một trim như thế nào.

var username = myform.elements['username'].value; 
username.trim(); 

Làm thế nào để khái quát hóa?

Answer 1

$("form").children().each(function(){ 
this.value=$(this).val().trim(); 
}) 

sẽ cắt tất cả hộp văn bản và văn bản bên trong thẻ biểu mẫu nhưng không viết mã không cần thiết bên trong biểu mẫu.

Answer 2

$('input').val(function(_, value) { 
    return $.trim(value); 
}); 

Answer 3

Sử dụng

var allInputs = $(":input"); 

để có được tất cả các yếu tố hình thức. Lặp lại bằng cách sử dụng từng chức năng và cắt nó.

Nó sẽ là một cái gì đó như thế này (không kiểm tra)

var allInputs = $(":input"); 
allInputs.each(function() { 
     $(this).val($.trim($(this).val())); 
    }); 

Answer 4

$('#yourformid').submit(function(){ 
$(':input').each(function(){ 
    $(this).val($.trim($(this).val())) 
}) 
    return true; 
});