Input baggrundsfarve

Næsten:

<input onchange="this.style.backgroundColor = this.value;" name="test">

Lækkert! Den virker!
Er der en måde at validere inputets value på? Så den ikke skifter baggrund hvis valuen ikke er en gyldig farve? Ellers får jeg:
Invalid property value

F.eks.

<input onchange="if(this.value.match(/^#[\da-f]{3}([\da-f]{3})?$/i))this.style.backgroundColor = this.value;" name="test">

-- der _skal_ nemlig være et #-tegn forrest, men det kan du også selv sætte på, så folk kun behøver at indtaste koden:

<input onchange="if(this.value.match(/^[\da-f]{3}([\da-f]{3})?$/i))this.style.backgroundColor = '#' + this.value;" name="test">

-- og det underlige med 2*3 tegn er fordi css accepterer farvekoder på tre tegn, som så hver især fordobles, så aabbcc giver det samme som abc ...

Ah mange tak!!
Smid et svar!

Det eneste er dog at jeg ikke synes det virker med onchange.. fint med onfocus og onblur.. Underlig!

onchange udløses først, når et andet element får fokus, ikke mens du taster, men da man jo alligevel validerer farve-værdien, kan man jo:

<input onkeyup="if(this.value.match(/^[\da-f]{3}([\da-f]{3})?$/i))this.style.backgroundColor = '#' + this.value;" name="test">

-- Velbekomme '-)

-- og kom lige til at tænke på, at den kunne blive en anelse kortere:

<input onkeyup="if(this.value.match(/^([\da-f]{3}){1,2}$/i))this.style.backgroundColor = '#' + this.value;" name="test">

-- og tak for point ;~}