Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Two onSubmit values....possible? 1
- Thread starter zeuseason
- Start date
-
1
- #2
- Thread starter
- #3
My first onsubmit evaluates 3 fields for completion which executes every time being first. My second is disabling the submit button to prevent multiple submits. How can I have the first onsubmit call the second upon completion? I have the first onsubmit using the return handler to halt if false, but if true the script seems to skip over the next onsubmit directly to the action function. Maybe it is just the syntax I am using, or I am limited in the code which I doubt is the case. Any help is appreciated!
syntax------->
<form name="feedback" method="POST" onsubmit="return formCheck(this);" onsubmit="submitonce(this)" action="mailto:info@eurolinesalons.com">
syntax------->
<form name="feedback" method="POST" onsubmit="return formCheck(this);" onsubmit="submitonce(this)" action="mailto:info@eurolinesalons.com">
- Thread starter
- #4
How about in your formCheck, to have a logic like this:
then you don't need the submitonce() function.
Code:
funtion formCheck(form) {
var sucess = true;
// validate form fields here
// change sucess to false if validation failed.
if (sucess) {
// disable the submit button. e.g. form.submit.disable = ture;
return true;
} else
return false
}
}then you don't need the submitonce() function.
- Thread starter
- #6
Ok you lost me a bit. That code would be run in the script itself and not the <form> html correct? I don't why that couldn't be done though. Once the script runs, it can disable the button and continue to the action function. I shall give it a shot if we are both on the same 'page'!
The script run after submit button is clicked. So if the submit button is disable after this point, the form can still be processed continue to action. I tried this code and it works:
<script language="javascript">
function formCheck(form) {
var ok = true;
if (form.check.checked != true)
ok = false;
if (ok) {
form.submit.disabled = true;
return true;
} else {
return false;
}
}
</script>
<form name="feedback" method="POST" onsubmit="return formCheck(this);" action="mailto:info@eurolinesalons.com">
<input type="checkbox" name=check value="true"/>test
<input type="submit" name="submit" value="submit"/>
</form>
<script language="javascript">
function formCheck(form) {
var ok = true;
if (form.check.checked != true)
ok = false;
if (ok) {
form.submit.disabled = true;
return true;
} else {
return false;
}
}
</script>
<form name="feedback" method="POST" onsubmit="return formCheck(this);" action="mailto:info@eurolinesalons.com">
<input type="checkbox" name=check value="true"/>test
<input type="submit" name="submit" value="submit"/>
</form>
- Thread starter
- #8
- Thread starter
- #9
This code works exactly as onsubmit however the expression evaluates the checkbox and now I just need the 3 fields evaluated. Your help definitely puts me on the right track and I should be able to tweak it from here. I have the field names so I should be able to input them into the 'if' statement I think.
- Thread starter
- #10
- Thread starter
- #12
I have 3 fields: name, phone, email
I'm really not looking for much in validation. I'd be happy if the field was evaluated as non-empty. If this script evaluates these fields, doesn't that eliminate the formcheck(this) script? I'm a novice when it comes to this stuff but trying to learn!
I'm really not looking for much in validation. I'd be happy if the field was evaluated as non-empty. If this script evaluates these fields, doesn't that eliminate the formcheck(this) script? I'm a novice when it comes to this stuff but trying to learn!
here you go. I added couple line of code so that it hide the form after user sucessfully submit the form, and show a thank you message.
Note that I change your formCheck script as follows:
Note that I change your formCheck script as follows:
Code:
<script language="javascript">
function formCheck(form) {
var ok = true;
if (trim(form.name.value) == "")
ok = false;
if (trim(form.phone.value) == "")
ok = false;
if (trim(form.email.value) == "")
ok = false;
if (ok) {
form.submit.disabled = true;
// comment out the following two lines if you want to preseve the form after submittion
document.getElementById('feedbackForm').style.display='none';
document.getElementById('thankyou').style.display='block';
return true;
} else {
alert('Please complete all required field');
return false;
}
}
function trim(s) {
return s.replace( /^\s*/, "" ).replace( /\s*$/, "" );
}
</script>
<div id='feedbackForm'>
<form name="feedback" method="POST" onsubmit="return formCheck(this);" action="mailto:info@eurolinesalons.com">
Name: <input type="text" name="name" /><br />
Phone: <input type="text" name="phone" /><br />
email: <input type="text" name="email" /><br />
<input type="submit" name="submit" value="submit"/>
</form>
</div>
<!-- show this message after the form is submitted -->
<div id='thankyou' style="display:none">
Thank you for your feedback.
</div>- Thread starter
- #14
- Status
Similar threads
- Locked
- Question