Form Validation

**magicman6452** · Jun 8, 2008 05:18

Hi, using PHP and CSS, how do I change the text colour of a label and border colour of a input field upon a user not entering data into any of the fields, or entering an invalid email address or phone number (must be 11 characters)?

Code:

<body>
<form name="form1" method="post" action="">
  <label>Name:</label>
  <input name="name" type="text" id="name">
  <br>
  <br>
  <label>Email:</label>
  <input name="email" type="text" id="email">
  <br>
  <br>
  <label>Phone:</label>
  <input name="phone" type="text" id="phone">
  <br>
  <br>
<label>Gender:</label>
  <select name="select">
    <option>Male</option>
    <option>Female</option>
  </select>
  <br>
  <br>
  <input type="submit" name="Submit" value="Submit">
</form>
</body>

**Ernie1** · Jun 8, 2008 06:12

here and here

**xiongbin** · Jun 8, 2008 10:35

use ajax

**galen** · Jun 8, 2008 10:39

Originally Posted by xiongbin

use ajax

ajax has no place in this post. stop throwing out fancy words.

**kronikmedia** · Jun 13, 2008 18:33

Form validation is probably one of the few things where javascript works really well. I don't think there is any need for ajax for form validation.

**webxstudio** · Jun 14, 2008 11:11

Originally Posted by kronikmedia

Form validation is probably one of the few things where javascript works really well. I don't think there is any need for ajax for form validation.

Client side validation is too easy to circumvent. Server side validation is always better. Just my 2 cents. I would use "Regular Expressions" to validate HTML form input.

Search "Regular Expression" or "Regex" in your favorite search engine and enjoy the power of Regular Expressions.

**Chris9902** · Jun 14, 2008 12:36

In your HTML code set do something like this;

PHP Code:


<label <?php if($errorGender){print 'class="error"';} ?>Gender:</label>

Now when you process the form if there's an error you set $errorGender to TRUE and when the page reloads it will add the class "error" to the label. You can define the error class in your CSS however you like.

That's a quick way of doing it. You can do something like $errorEmail, $errorName and so on and add the above example code to each label.

User Tag List

Thread: Form Validation

Thread Tools

Display

Form Validation

Bookmarks

Bookmarks

Posting Permissions