Question

79

Change form values after submit button pressed

rated 0 times [ 83] [ 4] / answers: 1 / hits: 79047 / 14 Years ago, thu, december 23, 2010, 12:00:00

[EDIT] After a lot of digging around, I found out that the problem was in how I integrated the CKEditor into my page. The simple and obvious way does work in this case, as laid out in the accepted answer.

Hi,

I need to change the values of a form, after the submit button has been pressed, but before the actual submission has taken place.

I've tried hooking into the submit event of the form, and changing the text field values there manually, but it looks like that doesn't actually change the values submitted.

Any ideas?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lailab

Add To Favorites

Follow

Total Points: 706

Total Questions: 102

Total Answers: 95

Location: Falkland Islands

Member since Mon, Jul 13, 2020

4 Years ago

lailab questions

1 How can I solve this error? export 'default' (imported as 'App') was not found in './App' (possible exports: App) (im using react)

Sat, Jan 15, 22, 00:00, 2 Years ago

1 How to test a global event bus in VueJS

Fri, Feb 21, 20, 00:00, 4 Years ago

1 TypeError: render is not a function updateContextConsumer

Tue, Feb 4, 20, 00:00, 4 Years ago

1 How to add font awesome icon dynamically from JS file?

Sun, Apr 14, 19, 00:00, 5 Years ago

1 NestJs: How to have Body input shape different from entity's DTO?

Mon, Apr 1, 19, 00:00, 5 Years ago

View All

answered 14 Years ago alessandrol · Accepted Answer

I'm curious about your statement that the submit handler didn't work for you. It does for me. I've used it for years to fill in hidden fields before sending forms in; should work for other form fields as well.

Example (live copy):

HTML:

<form id='theForm'

    action='http://www.google.com/search'

    method='GET' target='_new'>

      <label>Search for:

        <input type='text' name='q' id='txtSearch'></label>

      <input type='submit' id='btnSearch' value='Search'>

JavaScript:

window.onload = function() {



  document.getElementById('theForm').onsubmit = function() {

    var txt = document.getElementById('txtSearch');

    txt.value = updated  + txt.value;

  };

};

Tested and working on IE6 and IE7 on Windows, and Chrome, Firefox, and Opera on Linux.

Update: Based on your comment below, you're using jQuery. Works fine using jQuery for everything as well:

$('#theForm').submit(function() {

  var txt = $('#txtSearch');

  txt.val(updated  + txt.val());

});

Live example Tested and working on the same set of browsers. This version uses a more open search rather than an id, and also still works.