tap into onsubmit event?

[Chris Kettenbach]

I have a function that validates a text box. Is there anyway to run that
function on submit and if it returns false to cancel the submit. Any ideas.
Thanks Guys! This group is awesome.

Thanks,
Chris

[web.dev]

Chris Kettenbach wrote:

I have a function that validates a text box. Is there anyway to run that
function on submit and if it returns false to cancel the submit. Any ideas.
Thanks Guys! This group is awesome.

Thanks,
Chris

here's a small sample:

<form id = "myForm" onsubmit = "return validateForm()">
<input type = "text" name = "textBox"/>
<input type = "submit"/>
</form>

And then in your javascript:

function validateForm()
{
var myForm = document.forms["myForm"];
var error = true;

if(myForm.elements["textBox"].value != "")
{
error = false;
}
else
{
error = true;
}

return (err) ? false : true;
}

[Chris Kettenbach]

The only problem is that this is an aspx page and i am working in a
template. I don't really have a way to add markup to the form element. Any
other suggestions?
Chris

"web.dev" <we********@gmail.com> wrote in message
news:11**********************@g14g2000cwa.googlegr oups.com...

Chris Kettenbach wrote:

I have a function that validates a text box. Is there anyway to run that
function on submit and if it returns false to cancel the submit. Any
ideas.
Thanks Guys! This group is awesome.

Thanks,
Chris

here's a small sample:

<form id = "myForm" onsubmit = "return validateForm()">
<input type = "text" name = "textBox"/>
<input type = "submit"/>
</form>

And then in your javascript:

function validateForm()
{
var myForm = document.forms["myForm"];
var error = true;

if(myForm.elements["textBox"].value != "")
{
error = false;
}
else
{
error = true;
}

return (err) ? false : true;
}

[Randy Webb]

web.dev said the following on 10/20/2005 2:28 PM:

Chris Kettenbach wrote:

I have a function that validates a text box. Is there anyway to run that
function on submit and if it returns false to cancel the submit. Any ideas.
Thanks Guys! This group is awesome.

Thanks,
Chris

here's a small sample:

<form id = "myForm" onsubmit = "return validateForm()">
<input type = "text" name = "textBox"/>
<input type = "submit"/>
</form>

And then in your javascript:

function validateForm()
{
var myForm = document.forms["myForm"];
var error = true;

if(myForm.elements["textBox"].value != "")
{
error = false;
}
else
{
error = true;
}

return (err) ? false : true;

Why make it more difficult than it needs be?

return error;

As 'err' is undefined.

The else statement is not needed either. It only sets error to true and
it was true to begin with. Although it may be better reasoning to set
error=false and then return !error

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly

[Jambalaya]

> The only problem is that this is an aspx page and i am working in a

template. I don't really have a way to add markup to the form element. Any
other suggestions?

function addValidation(){
document.forms["formName"].onsubmit = function(){ return
validateForm(); }
}
window.onload = addValidation;

[Lee]

Jambalaya said:

The only problem is that this is an aspx page and i am working in a
template. I don't really have a way to add markup to the form element. Any
other suggestions?

function addValidation(){
document.forms["formName"].onsubmit = function(){ return
validateForm(); }
}

document.formName.onsubmit=validateForm;

[Mick White]

web.dev wrote:
[snip]

And then in your javascript:

function validateForm()
{
var myForm = document.forms["myForm"];
var error = true;

if(myForm.elements["textBox"].value != "")
{
error = false;
}
else
{
error = true;
}

return (err) ? false : true;
}

Why not:

function fieldNotEmpty(fieldName){
return fieldName.value != "";
}

?
Mick

[Mick White]

Mick White wrote:

Why not:

function fieldNotEmpty(fieldName){
return fieldName.value != "";
}

?
Mick

Oops, poor choice of parameter name:
function fieldNotEmpty(field){
return field.value != "";
}
Mick

[Dr John Stockton]

JRS: In article <DJ********************@comcast.com>, dated Thu, 20 Oct
2005 16:16:13, seen in news:comp.lang.javascript, Randy Webb
<Hi************@aol.com> posted :

web.dev said the following on 10/20/2005 2:28 PM:

And then in your javascript:

function validateForm()
{
var myForm = document.forms["myForm"];
var error = true;

if(myForm.elements["textBox"].value != "")
{
error = false;
}
else
{
error = true;
}

return (err) ? false : true;

Why make it more difficult than it needs be?

return error;

As 'err' is undefined.

The else statement is not needed either. It only sets error to true and
it was true to begin with. Although it may be better reasoning to set
error=false and then return !error

function validateForm() {
return document.forms["myForm"].elements["textBox"].value != "" }

or possibly == "" or > "" or

function validateForm() {
return !!document.forms["myForm"].elements["textBox"].value }
--
© John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v4.00 MIME. ©
Web <URL:http://www.merlyn.demon.co.uk/> - FAQish topics, acronyms, & links.
The Big-8 newsgroup management is attempting to legitimise its questionable
practices while retaining its elitist hegemony. Read <URL:news:news.groups>.