js Prototyp Form funktioniert nicht

neues Plakat, tut mir leid, wenn irgendetwas mit meiner Post nicht stimmt.js Prototyp Form funktioniert nicht

Ich versuche, ein Formular mit dem js Prototyp-Framework zu machen, aber es funktioniert nicht. Ich habe mich gefragt, ob jemand mir helfen könnte, indem er mich in die richtige Richtung weist. Jede Hilfe wird geschätzt!

Dies ist mein 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>

Quelle

2016-06-26 Stark

'GetElements()'? Ich verstehe nicht, was das ist. Es sollte 'childNodes()' sein –

Achten Sie auf die Prototyp 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>

Es funktioniert für mich aufzunehmen. Hier ist die plnkr

Hoffe, dass es für Sie arbeitet :)

Quelle

2016-06-26 08:40:02

Versuch zu verwenden, um dies 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);

Es funktioniert für mich. Hier ist die jsFiddle

Hoffe, es funktioniert für Sie :)

Quelle

2016-06-26 08:22:45 Thinker

js Prototyp Form funktioniert nicht

Antwort

Verwandte Themen