N inputů a kontrola obsahu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahoj, potřebuju helpnout. JS neumim a plácám to z vody. Mám n inputů pro vkládání čísla. To číslo mohu u každého inputu zvětšovat nebo zmenšovat pomocí šipek (obrázků). Protože ale potřebuju jen čísla kladná a nulu, potřebuju odfiltrovat záporná čísla a ty vrátit zase na nulu.

HTML

<form name="formular" action="{/DOCUMENT/SYSTEM/WEBSERVER_URL}?action=OFFER" method="POST">

<input id="pocet{position()}" name="NUM{OID}" type="text" size="1" value="{OFFER_COUNT}" onblur="Kontrola();" />

<img onclick="javascript:document.formular.pocet{position()}.value=parseInt(document.formular.pocet{position()}.value) + 1"

<img onclick="javascript:document.formular.pocet{position()}.value=parseInt(document.formular.pocet{position()}.value) - 1"

</form>

function Kontrola() {  

  var form=document.formular;



  if (form.pocet.value<'0')

    {

      document.formular.pocet.value=0;

      return;

    }

  document.formular.submit();

} 

Zkusím Tě nakopnout trochu správným směrem :)

<script type="text/javascript">

/**

  * I = kladné, II = nula, III = záporné

  */

  var I = 1, II = 0, III = -1;

/**

  * Nyní vytvoříme funkci, která ze záporné udělá nulu

  */

  function make_zero (n) {

    if (parseInt(n) < 0) {

      n = 0;

    }

    return n;

  }

/**

  * Nyní otestujeme výsledek s funkcí a bez

  */

  alert("Proměnná I   (před funkcí) ["+I+"]   - Proměnná I    (po funkci) ["+make_zero(I)+"]  ");

  alert("Proměnná II  (před funkcí) ["+II+"]  - Proměnná II   (po funkci) ["+make_zero(II)+"] ");

  alert("Proměnná III (před funkcí) ["+III+"] - Proměnná III  (po funkci) ["+make_zero(III)+"]");

</script>

no nějak nemohu přijít na to jak to sprovoznit :-/

Co třeba tímto způsobem?

============
Zde je živá ukázka -> http://www.bug-test.xf.cz/j_test.html
============

<script type="text/javascript">

  function p_m_one (o,op) {

    _ = parseInt((__ = document.getElementById(o)).value);

    switch (op) {

      case "+" :

        __.value = (_ < 0) ? 0 : _ + 1;

      break;

      case "-" :

        __.value = (_ < 0 || _ == 0) ? 0 : _ - 1;

      break;

      default:

        __.value = (_ < 0) ? 0 : _;

      break;

    }

  }

</script>



<form action="#">

  Input 1:

  <input id="i_1" value="0" onblur="p_m_one('i_1','');">

    <img src="" alt="tl_+" onclick="p_m_one('i_1','+');">

    <img src="" alt="tl_-" onclick="p_m_one('i_1','-');">

      <hr>

  Input 2:

  <input id="i_2" value="0" onblur="p_m_one('i_2','');">

    <img src="" alt="tl_+" onclick="p_m_one('i_2','+');">

    <img src="" alt="tl_-" onclick="p_m_one('i_2','-');">

      <hr>

  Input 3:

  <input id="i_3" value="0" onblur="p_m_one('i_3','');">

    <img src="" alt="tl_+" onclick="p_m_one('i_3','+');">

    <img src="" alt="tl_-" onclick="p_m_one('i_3','-');">

      <hr>

</form>

A jen dovětek k příspěvku výše .. ta funkce by mohla být napsána i takto :)

function p_m_one (o,op) {

    _ = parseInt((__ = document.getElementById(o)).value);

    __.value=((op!='')?((_>=0)?((/\+/.test(op))?_+1:_-1):0):((_<=0)?0:_));

  }

<script type="text/javascript">

  function p_m_one (o,op) {

    _ = parseInt((__ = document.getElementById(o)).value);

    __.value=((op!='')?((_>=0)?((/\+/.test(op))?_+1:_-1):0):((_<=0)?0:_));

  }

</script>



<form action="#">

  Input 1:

  <input id="i_1" value="0" onblur="p_m_one('i_1','');">

    <img src="" alt="tl_+" onclick="p_m_one('i_1','+');">

    <img src="" alt="tl_-" onclick="p_m_one('i_1','-');">

      <hr>

  Input 2:

  <input id="i_2" value="0" onblur="p_m_one('i_2','');">

    <img src="" alt="tl_+" onclick="p_m_one('i_2','+');">

    <img src="" alt="tl_-" onclick="p_m_one('i_2','-');">

      <hr>

  Input 3:

  <input id="i_3" value="0" onblur="p_m_one('i_3','');">

    <img src="" alt="tl_+" onclick="p_m_one('i_3','+');">

    <img src="" alt="tl_-" onclick="p_m_one('i_3','-');">

      <hr>

</form>

To Měsíček : šlo by nějak udělat, aby ikdyž je tam 0 nešlo dát na -1

Nejsem si jist, jestli jsem Vás správně pochopil, ale zkuste tohle:

1.) Do <script type="text/javascript"></script> si přidejte ještě tuhle funkci:

  function con_one (o) {

    (_=document.getElementById(o)).value = isNaN(_.value) ? 0 : _.value;

  }

onkeydown="con_one('i_1');"

<input id="i_2" value="0" onblur="p_m_one('i_2','');">

<input id="i_2" value="0" onblur="p_m_one('i_2','');" onkeydown="con_one('i_2');">

To Měsíček : jj dokázal jsem to použít, ale v téhle verzi když je v inputu 0 tak mi to stejně skočí na -1 a pak zase po stisknutí "-" na 0
Použil jsem tu předchozí verzi a ta funguje vpohodě.