Hi John,

The following will run the JavaScript (which disables submit button, and 
displays the image) only if CF form validation passes:

<style>
#myImageID {display:none;}/*hide image*/
</style>
<script type="text/javascript">
/* <![CDATA[ */
var submitted = false;
var imageID;
function myFunction(frm, bttnID, imgID) {
        if (!submitted) {
                submitted = true;
                imageID = imgID;
                frm[bttnID].disabled = true;
                setTimeout('document.getElementById(imageID).style.display = 
"inline"', 100);//delay for IE
                return true;
        } else {
                return false;//disable 2+ submits
        }
}
/* ]]> */
</script>
<cfform name="myForm" onsubmit="return myFunction(document.myForm, 
'myButtonID', 'myImageID')" enctype="multipart/form-data">
  <cfinput type="file" name="myField" value="" required="yes" />
  <cfinput type="submit" name="myButtonID" value="click me" />
</cfform>
<img id="myImageID" src="PleaseWait.gif" alt="Please Wait" />

The JS could be placed in an external script, but CF mixes its JS w/ XHTML.. 
(including generation of the form's onsubmit attribute, and placement of the JS 
call within).

Credit, where credit is due: http://tutorial8.learncf.com

Hope that helps!,
-Aaron Neff

> Good feedback.  
> 
> I am using the ColdFusion error checking of cfinput and cfselect to 
> validate the input in the form before processing. If I simply 
> JavaScript the button to either pop an image or inhibit the button, 
> would it trigger that even though the validation failed?
> 
> I'd not want to have the situation where the validation failed but the 
> "working" icon or inactive button were left on the page. 


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology-Michael-Dinowitz/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:333678
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm

Reply via email to