0
votes

Exécuter la fonction Onsubmit dans le formulaire HTML uniquement avec le bouton Soumettre

Comme ci-dessous Snippet montre, en cliquant sur l'icône Plus Soumettrefuncunc () code> et méchantfunc () code> serait exécuté. Mais je veux exécuter soumettrefuncuncunc () code> uniquement lorsque vous soumettez le bouton Soumettre enfoncé.

p>



<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

  <!-- font-awesome -->
  <script src='https://kit.fontawesome.com/a076d05399.js'></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
  <!-- bootstrap -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<iframe name="votar" style="display:none;"></iframe>
<form class="save-form" action="" method="post" target="votar" onsubmit="submitFunc(event)">      
  <div class="form-group">
    <div class="form-row m-2" >
      <input class="form-control" id="meaning" placeholder="Meaning" style="width:75%">
      <button class="btn rounded text-left"><i class='plus-btn fas fa-plus-circle' onclick="meanFunc(event)"></i></button>
    </div>
  </div>
  <input value="Submit" type="submit" class="btn btn-primary m-2">
</form>

javascript html bootstrap-4

0 commentaires

3 Réponses :

0
votes

Il suffit d'ajouter un retour false à la fonction et de l'appel de l'icône plus, ci-dessous est le snippet modifié

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

  <!-- font-awesome -->
  <script src='https://kit.fontawesome.com/a076d05399.js'></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
  <!-- bootstrap -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<iframe name="votar" style="display:none;"></iframe>
<form class="save-form" action="" method="post" target="votar" onsubmit="submitFunc(event)">      <div class="form-group">
    <div class="form-row m-2" >
      <input class="form-control" id="meaning" placeholder="Meaning" style="width:75%">
      <button class="btn rounded text-left"><i class='plus-btn fas fa-plus-circle' onclick="return meanFunc(event);"></i></button>
    </div>
  </div>
  <input value="Submit" type="submit" class="btn btn-primary m-2">
</form>

0 commentaires

0
votes

Le type par défaut de bouton est soumis. Il suffit de la définir sur le bouton à la place, par ex. CODE>: P> P>



<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

  <!-- font-awesome -->
  <script src='https://kit.fontawesome.com/a076d05399.js'></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
  <!-- bootstrap -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<iframe name="votar" style="display:none;"></iframe>
<form class="save-form" action="" method="post" target="votar" onsubmit="submitFunc(event)">      <div class="form-group">
    <div class="form-row m-2" >
      <input class="form-control" id="meaning" placeholder="Meaning" style="width:75%">
      <button class="btn rounded text-left" type="button"><i class='plus-btn fas fa-plus-circle' onclick="meanFunc(event)"></i></button>
    </div>
  </div>
  <input value="Submit" type="submit" class="btn btn-primary m-2">
</form>

0 commentaires

-1
votes

<button class="btn rounded text-left"><i class='plus-btn fas fa-plus-circle' onclick="meanFunc(event)"></i></button>
just remove  onlick ="meanFunc(event)" from line

0 commentaires