Question

65

Show me a Simple javascript onSubmit handler

rated 0 times [ 69] [ 4] / answers: 1 / hits: 17823 / 13 Years ago, thu, may 5, 2011, 12:00:00

Hello again everyone
i am working on this

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN

 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

 <html xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=en>

<head>

<meta http-equiv=content-type content=text/html; charset=utf-8 />

<title>Form</title>

<script type=text/javascript>

</script>

</head>

<body>

<h2>**Form**</h2>

<form  name=form method=post action=javascript subject=RSVP enctype=text/plain >

<input type=text name=first size=20> First Name<BR>

<input type=text name=last size=20> Last Name<BR>

<input type=text name=email size=20> E-Mail<BR><BR>

<input type=submit value=Submit>

<input type=reset value=Clear Form><br>

</form>

 </body>

 </html>

I am getting really confused here.. I need to have a onsubmit form handler and a create validation script. Ok now if I am right the validation script is the the function that needs to be placed right? sorry i know some of you guys might think this is easy but I am still learning. Now I have examples in my book of it but they only due one at a time. Is there a way you can do a onsubmit of all or does it have to be one at a time? thanks

ok I have this one i am working on..

  <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN

   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

   <html xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=en>

   <head>

   <meta http-equiv=content-type content=text/html; charset=utf-8 />

    <title>Form</title>

   <script type=text/javascript>

    <!--

   function validate_form()

    {

valid = true;



    if ( document.contact_form.contact_first.value ==  )

    {

            alert ( Please fill in the 'Your Name' box. );

            valid = false;

     }



    return valid;

     }



 //-->



 </script>

 </head>

  <body>

 <h2>**Form**</h2>

 <form  name=contact_form  method=post action=javascript onSubmit=return  validate_form();> 

 <input type=text name=contact_first size=20> First Name<BR>

 <input type=text name=contact_last size=20> Last Name<BR>

 <input type=text name=contact_email size=20> E-Mail<BR><BR>

 <input type=submit value=Submit>

 <input type=reset value=Clear Form><br>

 </form>







 </body>



</html>

now Can i just copy the function for the other two or how do i do the one for the email?

Answers

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

tylerdamiena

Add To Favorites

Follow

Total Points: 139

Total Questions: 90

Total Answers: 118

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

tylerdamiena questions

1 How to access sveltekit session in endpoint?

Tue, May 3, 22, 00:00, 2 Years ago

1 React.js, Each child in a list should have a unique key prop. how to fix if key is already given

Mon, Mar 7, 22, 00:00, 2 Years ago

1 Can`t resolve image.png in styles.css

Fri, Sep 17, 21, 00:00, 3 Years ago

1 Warning: validateDOMNesting(...): < body> cannot appear as a child of < div> in React.js

Wed, May 26, 21, 00:00, 3 Years ago

1 Using readonly on a reactive object

Tue, May 26, 20, 00:00, 4 Years ago

View All

answered 13 Years ago lucillemariselal · Accepted Answer

I've added an example here of how to do it:

http://jsfiddle.net/tomgrohl/JMkAP/

I added an onsubmit handler to the form:

<form method=post action=javascript enctype=text/plain onsubmit=return valForm(this);>

And added this at the top of the page, a simple validation function:

<script type=text/javascript>

function valForm( form ){



    var firstVal, lastVal, emailVal, error = '';



    firstVal= form.first.value;  

    lastVal= form.last.value;

    emailVal= form.email.value;



    //OR

    //firstVal= document.getElementById('first').value;  

    //lastVal= document.getElementById('last').value;

    //emailVal= document.getElementById('email').value;



    if( firstVal.length == 0){

        error += 'First name is requiredn';

    }



    if( lastVal.length == 0){

        error += 'Last name is requiredn';

    }



    if( emailVal.length == 0){

        error += 'Email is requiredn';

    }



    if( error ){

        alert( error );

        return false;

    }



    return true;

}

</script>