---
title: "Form valid. Lite annorlunda"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185901-form-valid-lite-annorlunda"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SGuncel"
published: "2011-01-24T21:51:03.000Z"
updated: "2011-01-25T10:29:15.000Z"
replies: 7
views: 1807
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/185901-form-valid-lite-annorlunda"
---

# Form valid. Lite annorlunda

## #1 — SGuncel, 2011-01-24T21:51Z

Hej!

Jag håller på att koda gästbok och försöker fixa form valid.
Nu för tiden så använder människor pop-up valid eller bara text. Jag undrar hur man går så att fältet blir röd när man har missat att skriva in eller om det inte stämmer med bokstäver.

Just nu ser min form kod så här:

```
<form class="form" action="?new=post" method="post">

 <p class="name">
  <label>Name</label>
   <br />
  <input type="text" name="postName" />
 </p>
    
 <p class="text">
  <label for="post">Inlägg</label>
   <br />
  <textarea name="post"></textarea>
 </p>

 <p class="submit">
  <input type="submit" value="Send" />
 </p>
 
</form>
```

Bifogar två bilder hur jag vill ha och hur min form ser ut just nu.

Bilagor:

- [Vill-ha.png](https://www.webforum.nu/a/22377.png)
- [Just-nu.png](https://www.webforum.nu/a/22378.png)

Permalänk: https://www.webforum.nu/p/185901

## #2 — voigtann1, 2011-01-24T21:52Z

Var är koden som gör gör som att den visar felmeddelandet? Har du satt CSS klass specifikt på input:en ? Du måste bifoga mer kod för att få ett vettigare svar, för det du har postat just nu säger inget om valideringen.

Permalänk: https://www.webforum.nu/p/2266886

## #3 — SGuncel, 2011-01-24T22:34Z

Har inte riktigt börjat än. Googlat lite om jag kunde hitta men hittade inget som jag är ute efter.

Så här ser min CSS kod ut:

```
input,textarea, sumbit { 
padding: 6px;
border-bottom: 3px solid #ee55b5;
border-left: 0px;
border-top: 0px;
border-right: 0px;
background-color: transparent;

margin-bottom: 10px;
width: 150px;

font-family: Tahoma, "Trebuchet MS", Verdana, Georgia;
font-size: 11px;
color: #fff;
}

textarea { 
width: 400px;
max-width: 400px;
height: 100px;
line-height: 150%;
}

.form label { 
padding: 5px;
border-bottom: 3px solid #ee55b5;
font-size: 11px;
font-family: Tahoma, "Trebuchet MS", Verdana, Georgia;
color: #fff;
width: 300px;
}
```

Permalänk: https://www.webforum.nu/p/2266892

## #4 — Danne V, 2011-01-24T22:55Z

Ta och titta runt lite och se vad som finns därute. 
<http://www.google.se/search?q=php+formmail+with+validation&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a>

Permalänk: https://www.webforum.nu/p/2266898

## #5 — SGuncel, 2011-01-24T23:13Z

Glömde att skriva. Jag kodar med ASP (=

Permalänk: https://www.webforum.nu/p/2266899

## #6 — Fredde Mannen, 2011-01-25T07:01Z

vet inte om du löst ditt problem ännu, men för att göra inputfälten ex en annan färg om man inte fyllt i dem så behövs tre delar: 

Kontrollera med hjälp av ex. javascript, med fördel använd ett ramverk som jQuery, om fältet är tomt vid submit. Är fältet tomt lägg en klass på fältet.  

ex. .error.

```
.error { background: #FFD0D0; border: 1px dotted #ff0000;}
```

```
<form class="form" action="?new=post" method="post">
 <p class="name">
  <label>Name</label>
   <br />
  <input type="text" name="postName" />
 </p>
 <p class="text">
  <label for="post">Inlägg</label>
   <br />
  <textarea name="post"></textarea>
 </p>
 <p class="submit">
  <input type="submit" value="Send" id="submit-form" />
 </p>
</form>
```

[Finns givetvis färdiga plugins till jQuery för validering också](http://www.google.co.uk/search?hl=en&q=jquery+validate+form&meta=). :)

Permalänk: https://www.webforum.nu/p/2266900

## #7 — voigtann1, 2011-01-25T07:11Z

sen skall du inte vara beroende av javascript att den validera din kod, skall även ske på server sidan.

Permalänk: https://www.webforum.nu/p/2266902

## #8 — SGuncel, 2011-01-25T10:29Z

Tack för all svar gott folk =)
Har löst med denna sidans script/artikel <http://bassistance.de/jquery-plugins/jquery-plugin-validation/>

Permalänk: https://www.webforum.nu/p/2266910

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185901-form-valid-lite-annorlunda