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

4 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

Si vous encapsulez votre entrée dans un formulaire, elle sera soumise par défaut sur la touche enter .

Voici un exemple d'utilisation de ceci:

const form = document.getElementById("form");
form.addEventListener("submit", e => {
  e.preventDefault();
  const children = e.target.children;
  for (child of children) {
    if (child.type !== "submit") {
      console.log(child.value); // do something here
    }
  }
})
<form id="form">
  <input type="text"/>
  <textarea></textarea>
  <input type="submit" value="Submit">
</form>

Il parcourt les éléments d'un formulaire et fait quelque chose avec chaque élément non soumis. Notez qu'appuyer sur Entrée dans une zone de texte ne fera que créer une nouvelle ligne.

0
James Whiteley 4 nov. 2019 à 10:38