js prototype forme ne fonctionne pas

nouvelle affiche, désolé si quelque chose ne va pas avec mon message. J'essaye de faire une forme avec le cadre de prototype de js mais cela ne fonctionne pas. Je me demandais si quelqu'un pouvait m'aider en me montrant dans la bonne direction. Toute aide est appréciée!js prototype forme ne fonctionne pas

Ceci est mon code:

 function formsF() { 
      var form = $('exampleForm'); 
      var message= ''; 
      var field = form.getElements(); 
      for (var i = 0; i < field.length; i++) { 
       message += "Field Name : " + field[i].name + " Value : " + field[i].value + "\n"; 
      } 
      alert(message); 
     } 
    </script> 
</head> 
<body> 
    <form id="exampleForm" action="#" onsubmit="return false"> 
     Name: <input type="text" name="name" /><br/> 
     Number: <input type="text" name="number" /><br/> 
     Message: <input type="text" name="message" /><br/> 
    </form> 
    <input type="button" value="Result" onclick="formsF();"/> 
</body>

Source

2016-06-26 Stark

'getElements()'? Je ne comprends pas ce que c'est. il devrait être 'childNodes()' –

Assurez-vous d'inclure le prototype cdn

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" data-semver="1.7.1+0" src="//cdnjs.cloudflare.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <form id="exampleForm" action="#" onsubmit="return false"> 
     Name:  <input type="text" name="name" /> 
     <br /> 

     Number:  <input type="text" name="number" /> 
     <br /> 

     Message:  <input type="text" name="message" /> 
     <br /> 
    </form> 
    <input type="button" value="Result" onclick="formsF();" /> 
    <script> 
      function formsF() { 
      var form = $('exampleForm'); 
      var message= ''; 
      var field = form.getElements(); 
      for (var i = 0; i < field.length; i++) { 
       message += "Field Name : " + field[i].name + " Value : " + field[i].value + "\n"; 
      } 
      alert(message); 
     } 
    </script> 
    </body> 

</html>

Il fonctionne pour moi. Voici le plnkr

espérons que cela fonctionne pour vous :)

Source

2016-06-26 08:40:02

Essayez d'utiliser cette form.find("input").length:

var form = $('#exampleForm'); 
    var message = ''; 
    for (var i = 0; i < form.find("input").length; i++) { 
    message += "Field Name : " + form.find("input")[i].name + " Value : " + form.find("input")[i].value + "\n"; 
    } 
    alert(message);

Il fonctionne pour moi. Voici le jsFiddle

espérons que cela fonctionne pour vous :)

Source

2016-06-26 08:22:45 Thinker

js prototype forme ne fonctionne pas

Répondre

Questions connexes