Enable submit kun når text er korrekt utfylt

[oya]

Hei!

 

Noen som kan hjelpe meg med en kode som gjør at submitknappen i en form kun kan trykkes på når verdiene i textfeltene er "korrekte"?

 

Vil eksempelvis ha det slik at den ene textboksen må ha en verdi i seg, og den andre må ha en . på plass 3 og 6

[siDDis]

Du må lage ein regex funksjon som kjøres når submit trykkes. Dette betyr også at formen må sende postdata med bruk av XMLHTTPRequest.

[Per Kristian]

Nei, siDDIs, du behøver ikke bruke XMLHTTPRequest!

 

1. Inne i form-tagen, legg til følgende:

 

onsubmit="java script:return validateForm();"

 

Der validateForm() er en javascript-funksjon som validerer skjemaet. Denne funksjonen må returnere true dersom valideringen er i orden og false dersom ikke. Skjemaet vil ikke sendes dersom funksjonen returnerer false.

 

2. Lage validateForm()

Denne funksjonen må lese innholdet i de ulike delene av skjemaet og finne ut om innholdet er korrekt. Det er ingen enkel forklaring på hvordan du skal gjøre dette, men her kan du finne noen gode tips.

[siDDis]

aha, kult! Det visste eg ikkje om

[grimjoey]

det finnes mange måter man kan gjøre dette på.

 

<script type="text/javascript" language="javascript">

var pattern = ''; // regex pattern som må matche!

var validatingForm = null;
var validatingTextField = null;
var submitButton = null;

onload = function() {
validatingForm = document.getElementById('validatingForm');
validatingTextField = document.getElementById('validatingTextField');
submitButton = document.getElementById('submitButton');

submitButton.onclick = function() {
	if (validate(validatingTextField.value)) validatingForm.submit();

}

}

function validate(input) {
var re = new RegExp(pattern);
return re.test(input);

}


</script>

<form id="validatingForm" method="post" action="someotherpage.html">
<p><label>TekstFelt: </label><input type="text" name="validatingTextField" id="validatingTextField"/></p>
<p><input type="button" id="submitButton" value="Send" /></p>
</form>

 

red:

funka ikke så gjorde et par endringer. nå skal det funke.

Endret 30. juli 2008 av grimjoey