清理jQuery或JavaScript中的动态表单字段名称

Question

I'm dynamically generating a form when a button is clicked. I'm using easily readable strings as labels for some fields which becomes an issue for things like Size (ft) since it contains invalid characters suited for form field names. The solution for this particular problem is about 90% from complete and my lack of understanding of regular expressions now becomes an obstacle.

I need a quick method for converting a string from something like Size (ft) to something like Size_ft . Preservation of case and converting spaces to underscores are all I really want to force. Invalid non-space characters can just be dropped, no need for substitution on those.

Edit

Form Variable Gathering:

var jFormVars = {};
jFormVars[fieldName] = fieldValue;

Form Assembly:

jButton.on('click', function() {
  jDiv.find('form').remove(); // Remove existing form...
  var jForm = $('<form action="path/to" method="post" />').appendTo(jDiv);
  $.each(jFormVars, function(key_i, val_i) {
    $('<input name="'+key_i+'" type="hidden" value="'+val_i+'" />').appendTo(jForm);
  });
  jForm.submit(); // Commented for debug .remove();
});

Edit

Solution as Integrated:

var jFormVars = {};
jFormVars[fieldName.replace(/\s+/g, '_').replace(/\W+/g, '')] = fieldValue;

Answer 1

Size (ft) to something like Size_ft

You could use something like:

var name = "Size (ft)";
name = name.replace(/\s+/g, '_').replace(/\W+/g, '');