1. In the code where the submit button is put in a span tag that can be used to hide the button later.
   (NOTE: The HTML should be pass-through - the button should not be pass-through)
   
           <span id="SubmitButton"> [[BUTTON GOES HERE]] </span>


2. The submit button should call a JavaScript method like: userPressedSubmit()
   


3. Put in a second span that can be displayed during the validation and submit.
   
           <span id="SubmitInProcess" style="display:none">Submit in process please wait.</span>
   


4. In the JS Header, include resource "jsTsFormulas.js" or include it as a page, etc.
   Oh, right, you are (probably) not a Teamwork team member so you do not have access to our tools library. So here are the two functions you need to add to your JS Header
   
           function tsHideObject(objNameStr, documentObj){
                   // hides a specified object (such as a ). documentObj is optional
                   if (documentObj) {
                           if (typeof documentObj == "object"){
                                   documentObj.getElementById(objNameStr).style.display = "none";
                           } else {
                                   alert("CODE ERROR: The second parameter of tsHideObject must be an object representing the document on which you want to unhide an element. For the current document, you may leave it blank.");
                           }
                   } else {
                           if (document.getElementById(objNameStr)){
                                   document.getElementById(objNameStr).style.display = "none";
                           }
                   }
           }
   
   
          function tsShowObject(objNameStr, documentObj){
                 // unhides a specified object (such as a ). documentObj is optional
                 if (documentObj) {
                        if (typeof documentObj == "object"){
                               documentObj.getElementById(objNameStr).style.display = "block";
                        } else {
                               alert("CODE ERROR: The second parameter of tsShowObject must be an object representing the document on which you want to unhide an element. For the current document, you may leave it blank.");
                        }
                 } else {
                        if (document.getElementById(objNameStr)){
                               document.getElementById(objNameStr).style.display = "block";
                        }
                 }
          }
5. In the JS Header, add these functions
   
   function userPressedSubmit() {
           tsHideObject("SubmitButton");
           tsShowObject("SubmitInProcess")
           window.setTimeout("nowDoValidationAndSubmit()", 1)
   }
   
   function nowDoValidationAndSubmit() {
           // do your validation
           if (validationFails) {
                   alert("Validation has failed");
                   tsShowObject("SubmitButton");
                   tsHideObject("SubmitInProcess")
           } else {
                   // validation was a success
                   document.forms[0].submit()
           }
   }

1. Rich Waters11/07/2006 01:07:04 PM
Homepage: http://www.rich-waters.com/blog/

<form name="blah" onsubmit="document.getElementById('submitButton').disabled = true">
<input type="submit" id="submitButton">
</form>