Javascript Formular Problem

lukme

Hallo liebe Wordpress-Gemeinde,

ich habe ein Problem mit meinem Formular Code, der sich aus HTML und JS zusammensetzt. Man soll oben die Länge und Breite in cm angeben. Nach dieser Länge und Breite soll dann in einer Liste darunter resultierend eine Welle ausgewählt ausgewählt/gecheckt werden. Nur leider will es nicht funktionieren.
Hier der Code.

Code

Länge [cm]:<input type="text" id="L" name="laenge" style="width:100px; " maxlength="4" onkeyup="nurZahlen(this)";>


Breite [cm]: <input type="text" id="B" maxlength="3" style="width:100px;" name="breite" onkeyup="nurZahlen(this)";>
<input type=button value="Welle anzeigen" onclick="Welle();">
<h4>Wellenauslegung</h4>
<input type="Radio" name="welle" id="alu110" />Wickelwelle: Alu, Ø 110mm
<br>
<input type="Radio" name="welle" id="alu154" /> Wickelwelle: Alu, Ø 154mm
<br>


<input type="Radio" name="welle"  id="edel154">Wickelwelle: Edelstahl, Ø 154mm




<script type="text/javascript">
function nurZahlen(el) 
{ 
  var val = el.value.replace(/[^\.^,\d]/g, ''); 
  el.value = val; 
}  
</script>


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


function Welle(){ if (document.getElementById('L').value<=800)&&(document.getElementById('B').value<=800){(document.getElementById('alu154').checked);}
    else if {(document.getElementById('L').value>=800)&&(document.getElementById('B').value>=800){(document.getElementById('edel154').checked);}
        else { (document.getElementById('L').value<600) {(document.getElementById('alu110').checked);} }
    }
    </script>

Alles anzeigen

In den Textfeldern für Länge und Breite sollen nur Zahlen eingegeben werden können.

Ich hoffe ihr könnt mir helfen.:|

Gruß

Lukme :)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Edi

Zitat von lukme

Nur leider will es nicht funktionieren.

1) Was denn?!

2) Lies bitte einmal:

http://forum.wpde.org/allgemeines/44…alb-zuerst.html

Ohne genaue Angaben, will/kann Dir wohl niemand helfen. ;-)

perryzelda

Melewo

Bevor Du etwas vergleichen kannst, musst Du erst einmal mit alert oder console prüfen, was enthalten ist und falls etwas enthalten ist, dann noch einmal mit typeof den Datentyp feststellen. Erhalte bei einem ersten Test zweimal string und würde das dann für einen Größenvergleich *1 nehmen oder parse Format verwenden.

Code

<script type="text/javascript">


function Welle(){ 
    alert(typeof (document.getElementById('L').value));
    alert(typeof (document.getElementById('B').value));
}
</script>

lukme

Problem solved.

HTML

function Welle() {
    if (document.getElementById('L').value <= 800 && document.getElementById('B').value <= 500){
        document.getElementById('alu154').checked = true;
    }
    else if (document.getElementById('L').value >= 900 && document.getElementById('B').value >= 500){
        document.getElementById('edel154').checked = true;
    }
    else {
        document.getElementById('alu110').checked = true;
    }
}
</script>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Javascript Formular Problem

Jetzt mitmachen!