J'ai du mal à ajouter du code pour pouvoir envoyer un formulaire en cliquant sur Entrée. J'ai essayé quelques choses, mais je ne peux tout simplement pas le faire fonctionner.

Je suis assez nouveau, c'est peut-être pour ça.

Merci les gars à l'avance.

<div class="box">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script>
    $('#dial').on('input', function() {
        $('#tel').html($(this).val())
        $('#call').attr("href", "http://192.168.6.91/servlet?key=number=" + $(this).val() + "&outgoing_uri=9081@213.128.137.88")
        console.log($(this).val()) // get the current value of the input field.
    });
</script>

0
MathiasHDK 4 nov. 2019 à 12:33

3 réponses

Meilleure réponse

Si vous souhaitez effectuer une activité telle que la soumission de formulaire basée sur la saisie sur la zone de texte, vous pouvez le suivre par événement keycode et keyup.

  <div class="box">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script>
    $('#dial').on('keyup', function() {
    var keycode = (event.keyCode ? event.keyCode : event.which);
   
   
        $('#tel').html($(this).val())
        $('#call').attr("href", "http://192.168.6.91/servlet?key=number=" + $(this).val() + "&outgoing_uri=9081@213.128.137.88")
        console.log($(this).val()) // get the current value of the input field.
      
        if(keycode == '13'){
         //form submit
         $('#call')[0].click();
         }

    });
</script>
0
Vishal modi 4 nov. 2019 à 10:25

En HTML pur:

<form>
  <input id="myinput"/>
  <button onclick="alert(document.getElementById('myinput').value)">Send</button>
</form>

Un button à l'intérieur d'un form sera automatiquement déclenché chaque fois que la touche Entrée est enfoncée.

0
Alexandre Annic 4 nov. 2019 à 10:23

Au lieu de cela:

 <div class="box">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <a id="call" href="" target-"null">Start opkald til <span id="tel"></span>
</div>

Essaye ça:

 <from id="#formId">
    <h1>Foretag et opkald via Remote Control</h1>
    <input type="number" id="dial">
    <input type="submit" value="Enter">
</from>

Pour soumettre le formulaire:

  $("#myform").submit(function(e) {
        // prevent Default functionality
        e.preventDefault();

      // get the input values from the from
});
0
Dragi Postolovski 4 nov. 2019 à 10:25