Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script type="text/javascript">
- function validate() {
- // Get value of element
- var fullName = document.getElementById('fullName').value;
- var telPhone = document.getElementById('telPhone').value;
- var email = document.getElementById('email').value;
- var age = document.getElementById('age').value;
- // Check value
- var warning = ''; var flag = false;
- if (fullName == '') {
- warning += 'Full Name is empty. Please insert your full name.\n';
- flag = true;
- }
- if (telPhone == '' || /^\d{10}$/.test(telPhone) == false) {
- warning += 'Your number phone is not correctly/empty. Please insert your phone number.\n';
- flag = true;
- }
- if (email == '' || /^[^@]+@[^@]+\.[^@]+$/.test(email) == false) {
- warning += 'Your email is not correctly/empty. Please insert your email.\n';
- flag = true;
- }
- if (age == '' || /^\d{1}$/.test(age) == false) {
- warning += 'Your age is not correctly/empty. Please insert your age.\n';
- flag = true;
- }
- // Warning
- if (flag == true) {
- alert(warning);
- }
- else {
- var string = 'FORM\n';
- string += 'Full name: ' + fullName + '\n';
- string += 'Tel: ' + telPhone + '\n';
- string += 'Email: ' + email + '\n';
- string += 'Age: ' + age + '\n';
- alert(string);
- }
- }
- function reset() {
- document.getElementById('fullName').value = '';
- document.getElementById('telPhone').value = '';
- document.getElementById('email').value = '';
- document.getElementById('age').value = '';
- }
- </script>
- </head>
- <body>
- <table>
- <tr>
- <b>REGISTER FORM</b>
- </tr>
- <tr>
- <td>Full Name</td>
- <td><input id="fullName" type="text" /></td>
- </tr>
- <tr>
- <td>Tel</td>
- <td><input id="telPhone" type="text" /></td>
- </tr>
- <tr>
- <td>Email</td>
- <td><input id="email" type="text" /></td>
- </tr>
- <tr>
- <td>Age</td>
- <td><input id="age" type="text" /></td>
- </tr>
- <tr>
- <td><input type="button" onclick="validate();" value="Submit" /></td>
- <td><input type="button" onclick="reset();" value="Reset" /></td>
- </tr>
- </table>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement