Change Characters On Form Submit

What would be the best approach to change specific characters in all text input fields of a form, on submit? When the form is submited I want 'x' to be replaced with 'y' and '0' wi

Solution 1:

When you attach an event handler to the onsubmit event of the form, your handler will be called with an argument of type event:

var submithandler = function (event) {
  var form = event.target; // this is not be cross browser compatible
  // iterate over all form elements:
  var i, l;
  for (i = 0, l = form.elements.length; i < l; i += 1) {
    if (form.elements[i].type === 'text') { // only for type="text"
      form.elements[i].value = form.elements[i].value.replace(/x/g, 'y');
    }
  }

  return true; // return false to prevent form submit
};