Hej! Hej.knapp dimmad
Vet någon hur man med Javascript gör en knapp (ex. submit-knapp i ett formulär) nedtonad tills "rätta" värden är ifyllda/ verifieringsscriptet godkänner formuläret?Sv: knapp dimmad
Här är ett exempel:
<html>
<head>
<title></title>
<script language="javascript">
function validateForm() {
// Controls (input fields) to check.
var controls = new Array("letters", "digits");
// Flags.
var formOK = true;
// Check all controls.
for(var i=0; i<controls.length; i++) {
// Get reference to control.
var control = document.getElementById(controls[i]);
// Validate pattern.
formOK &= validatePattern(control);
}
// Enable/disable submit button.
document.getElementById("submitButton").disabled = !formOK;
}
function validatePattern(control) {
// Get regular expression pattern.
var pattern = control.getAttribute("pattern");
// Check input data.
var ok = new RegExp(pattern, "g").test(control.value);
// Color field.
control.style.backgroundColor = ok ? "#FFFFFF" : "#FFCCCC";
return ok;
}
</script>
</head>
<body>
<form method="post" action="a_page.ext">
Enbart bokstäver:<br>
<input type="text" id="letters" name="letters" pattern="^[a-zA-ZåäöÅÄÖ]+$" onkeyup="javascript:validateForm();">
<br>
Enbart siffror:<br>
<input type="text" id="digits" name="digits" pattern="^[0-9]+$" onkeyup="javascript:validateForm();"">
<br>
<input type="submit" id="submitButton" disabled>
</form>
</body>
</html>