Tjek input indhold

En lille rettelse..

billedet det røde kryds eller den grønne checkbox skal vises som baggrundbillede i de 2 input felter i stedet ;)

Følgende burde gøre tricket:
----------------------------------------------------
<script type="text/javascript" language="javascript">
function Validate(o){
  var oCardid=document.getElementById("cardid").value;
  var oPincode=document.getElementById("pincode").value;
  var oSubmit=document.getElementById("submit");
  if((o.getAttribute("name")=="cardid"&&o.value.lenght==6)||(o.getAttribute("name")=="pincode"&&o.value.lenght==4))o.style.backgroundImage="url(correct.gif)";
  else o.style.backgroundImage="url(wrong.gif)";
  o.style.backgroundRepeat="no-repeat";

  if(oCardid.length==6&&oPincode.length==4)oSubmit.disabled=false;
  else oSubmit.disabled=true;
}
function OnlyNumbers(e){var charCode=e.which?e.which:event.keyCode;if(charCode>31&&(charCode<48||charCode>57))return false;return true}
</script>

<input type="text" id="cardid" name="cardid" style="background-repeat:no-repeat" onkeypress="Validate(this);return OnlyNumbers(event)"><"><br>
<input type="password" id="pincode" name="pincode" style="background-repeat:no-repeat" onkeypress="Validate(this);return OnlyNumbers(event)"><br>
<input type="submit" value="Godkend" disabled="disabled">

Det virker delvist..

Når jeg skriver tal ind, vises wrong.gif
men når jeg når 6 tal i kortid vises ikke correct.gif, samme med pinkoden, og submit formen sættes ikke som disabled=true

Dette er testet:

<script type="text/javascript" language="javascript">
var obj=null;
function Validate(o){
  var oSubmit=document.getElementById("submitbtn");
  if((o.getAttribute("name")=="cardid"&&o.value.length==6)||(o.getAttribute("name")=="pincode"&&o.value.length==4))o.style.backgroundImage="url(correct.jpg)";else o.style.backgroundImage="url(wrong.jpg)";

  if(document.getElementById("cardid").value.length==6&&document.getElementById("pincode").value.length==4)oSubmit.removeAttribute("disabled");
  else oSubmit.setAttribute("disabled",true);
}
function OnlyNumbers(e,o){
    var charCode=e.which?e.which:event.keyCode;
    obj=o;window.setTimeout("Validate(obj)",250);
    if(charCode>31&&(charCode<48||charCode>57))
    return false;
    return true
}
</script>

<input type="text" id="cardid" name="cardid" style="background-repeat:no-repeat" onkeydown="return OnlyNumbers(event,this)" onkeypress="return OnlyNumbers(event,this)"><br>
<input type="password" id="pincode" name="pincode" style="background-repeat:no-repeat" onkeydown="return OnlyNumbers(event,this)" onkeypress="return OnlyNumbers(event,this)"><br>
<input type="submit" id="submitbtn" value="Godkend" disabled="disabled">

10-4 - Det var perfekt :D

:)

En bitte rettelse, hvis du er frisk..


I stedet for en submit button ville jeg egentlig hellere gerne have en div

<div id="submitbtn">Login</div>
Som skal være skjult i stedet for disabled på en submit knap, og vises når alt er ok.
Kan du klare dette, så gir jeg en bajer :D

Får forresten også en lille script fejl, selvom det virker som det skal.

den lyder

event is not defined
var charCode=e.which?e.which:event.keyCode;

Sker når jeg bla. fører cursor fra korid feltet til pinkode feltet

if(document.getElementById("cardid").value.length==6&&document.getElementById("pincode").value.length==4)oSubmit.removeAttribute("disabled");
  else oSubmit.setAttribute("disabled",true);
}

skal så være:


  if(document.getElementById("cardid").value.length==6&&document.getElementById("pincode").value.length==4)oSubmit.style.display="none";
  else oSubmit.style.display="block";
}

fejlen kan jeg ikke umiddelbart forklare.

Koden gør at login div'en vises, og når alt er udfyldt korrekt, skjules den.. skulle være lige omvendt.. hehe..

Mig der gør noget galt.?

blev til
if(document.getElementById("cardid").value.length==6&&document.getElementById("pincode").value.length==4)oSubmit.style.display="block";
  else oSubmit.style.display="none";
}

og


<div id="submitbtn" style="display:none;">Login</div>