Matti Mäkitalo: HTML5-Formularvalidierungsfehler bei ausgeblendeten Controls anz

Beitrag lesen

SELF-Forum

HTML5-Formularvalidierungsfehler bei ausgeblendeten Controls anz

Matti Mäkitalo Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi,

ich habe ausgeblendete Formularfelder, welche aber als required gekennzeichnet sind.
Für die Validierung der Eingabedaten würde ich gerne die Meldung des Browsers, dass diese notwendig sind, anzeigen lassen, diese sind aber zusammen mit dem Control selber versteckt.

Beispiel:

<!DOCTYPE html>  
<html>  
	<head>  
		<meta charset="UTF-8">  
		<title>Test</title>  
		<style type="text/css">  
			  
			[code lang=css]input[type='radio'] {  
				display: none;  
			}  
			  
			input[type='radio']:checked ~ label {  
				background-color: grey;  
			}

	</style>  
</head>

<body>
<form action='' method='POST'>
<fieldset>
<ul>
<li>
<input type='radio' name='bla' required='required' value='1' id='item-1' title='Wähle eins aus'/ >
<label for='item-1'>Item 1</label>
</li>
<li>
<input type='radio' name='bla' required='required' value='2' id='item-2' title='Wähle eins aus'/ />
<label for='item-2'>Item 2</label>
</li>
</ul>
<button type='submit'>Tu es!</button>
</fieldset>
</form>
</body>
</html>[/code]

Gibt es einen Trick, das Meldungsfenster bzgl der Invalidität des Browsers einzublenden, obwohl das Control ausgeblendet ist?

Bis die Tage,
Matti

--
Webapplikationen in C++ entwickeln
Beitrag melden
–
Informationen zu den Bewertungsregeln