js原型形式不起作用

时间:2016-06-26 08:13:37

标签: javascript prototypejs

新海报,对不起我的帖子有什么问题。

我正在尝试使用js原型框架创建一个表单,但它无法正常工作。我想知道是否有人能指点我正确的方向来帮助我。任何帮助表示赞赏!

这是我的代码:

        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>

2 个答案:

答案 0 :(得分:0)

尝试使用此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);

它对我有用。这是jsFiddle

希望它适合你:)

答案 1 :(得分:0)

确保包含原型cdn

<!DOCTYPE html>
<html>

  <head>
    <script data-require="prototype@*" 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>

它对我有用。 这是plnkr

希望它适合你:)