Form Validation

Dysan

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)?

<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>

bpat1434

The css is easy:

input.wrong {
    border:1px solid #900;
    font-color:#900;
}

The PHP just needs to take the validation and add the class "wrong" to the proper input. So something like:

if(!isset($_POST['username']) || empty($_POST['username']) || eregi('/[^a-z0-9_.-]/', $_POST['username']))
    echo '<input type="text" name="username" class="wrong" />';

That's an oversimplified example, but that's what you'd do. Or something similar.

Dysan

How do I change the colour of multiple field, if multiple fields have had invalid data entered?

bpat1434

Give the other fields the class "wrong"....