新海报,对不起我的帖子有什么问题。
我正在尝试使用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>
答案 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
希望它适合你:)