Form Validation Using Javascript

Submitted by argie on Thursday, February 21, 2013 - 09:01.

Hi everyone, this simple tutorial will teach you on how to create a simple submit validation with yes or no option. This is a simple tutorial that consist a few line of code. To start this tutorial lets follow the steps below.

Creating our form

Copy the code below and paste to your html editor and save it as "index.php".

<html>
<head>
</head>
<body>
<form name="checkoutForm" method="post" action="landing.php" onsubmit="return validateForm()">
<input type="text" name="name" />
<input type="submit" class="button" value="Next"> 
</form>
</body>
</html>

Writing Our javascript code

The function of this code is it validate the action and ask you to continue or not. To write our javascript, copy the code below and paste in below the head tag of your index.php.

<script type="text/javascript">
function validateForm()
{
var con = confirm("Are You Sure? Do you want to continue?");
if (con ==false)
{
return false;
}
}
</script>

Creating Our Landing page

Copy the code below and save it as "landing.php".

<?php
echo 'The text you input is: '.$_POST['name'];
?>

Congrats You've successfully created your simple submit validation The code files of this tutorial are attach in the zip file, you can download it if you want.

Add new comment

65 views