Vissza canvas témakörökhöz.

Jquery, űrlap adatok feldolgozása


Az input value értékét, így kérdezzük le Jquery alkalmazásnál: var imputadat = $("#adat1").val();
Ha csak egészszámok kellenek, akkor így : var imputadat1 = parseInt( $("#adat1").val() );

Adatnak beírhatunk tizedes értékű számot is, de a program csak az egészszámokat olvassa ki.
Miért csak az egészszámokat, arról a programleírásban meggyőződhetünk.

adat 1 =
adat 2 =

Lekérdezett imput adatok értéke:
Összeadva, adat 1 + adat 2 =


Program leírása.

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
    <form>
         adat 1 = <input type="number" id="adat1" value="10" /><br>
         adat 2 = <input type="number" id="adat2" value="20" /><br>
         <input type="button" id="kiirteszt" value="Button, imput value adatok kiíratásához. Katt ide!" />
    </form>
<p>
Lekérdezett imput adatok értéke: <span id="inputokertekei"></span><br>
Összeadva, adat 1 + adat 2 = <span id="tesztmuvelet"></span>
</p>

<script language="JavaScript" type="text/javascript" src="minta.js"></script>
</body>
-------------------------------------------------------------------------------------------------------------------
A minta.js fájl tartalma:

$(document).ready(function(){
	
    $("#kiirteszt").click(function(){
			return TesztMunka();
			});

 function TesztMunka(){
   var imputadat1 = parseInt($("#adat1").val() );  // Csak az egészszámok kellenek, parseInt()
   var imputadat2 = parseInt($("#adat2").val() );  // Csak az egészszámok kellenek, parseInt()   
       $("#inputokertekei").html('adat 1 = '+imputadat1+' ------  adat 2 = '+imputadat2);
			   
    // Lekérdeztük az adatokat, akkor azokkal műveleteket is végezhetünk.
        var ertek = imputadat1+imputadat2;
        $("#tesztmuvelet").html(ertek);
  }
	
});

Megjegyzések:
<input type="number" --- Akkor számok.
<input type="text" -------- Akkor szöveg, mely számokat is tartalmazhat.

A parseInt() függvénnyel, egészszámokat kérdezzük le.
Például: 123.5678901234567890987654 -nél, eredmény lesz.

A parseFloat() függvénnyel, 14 tizedesig kérdezhetünk le.
Például: 123.5678901234567890987654 -nél, eredmény lesz.

parseInt() és parseFloat() függvénnyekkel,
szöveg esetén is lekérdezhetjük a számokat, ha azok a szöveg előtt helyezkednek el.

Példák:
Ez a szöveg: 123.5678901234567890987654; Ezek a teszt számok.
--- Eredmény parseInt()-el lesz.

Ez a szöveg: 123.5678901234567890987654; Ezek a teszt számok.
--- Eredmény parseFloat()-al lesz.