Question

jQuery val（）没有工作，这是一个简单的脚本：

$("#com_form").submit(function () {
    var name = $("#nama").val();
    var komentar = $("#komentar").val();
    alert.("Hi, " + name + " this is your comment: " + komentar)
});

这是HTML表单：

<form method="post" name="com_form" id="com_form">
  <p>What is your name:<br>

    <input type="text" name="nama" id="nama">
  </p>
  <p>Leave your comment here:<br>

    <input type="text" name="komentar" id="komentar">
  </p>
  <p>
    <input type="submit" name="button2" id="button2" value="Submit">
  </p>
</form>

实际上，我试图创建一个ajax帖子，值“nama”被提交但不是“komentar”。所以我尝试使用alert进行调试（如上所述）并且仍然“komentar”没有变化。我该怎么办？

Answer 1

您是否在页面的其他位置有另一个ID为“komentar”的HTML元素？

Answer 2

你的html中有一些错误。表单应该有“action”属性，js也不行。

我制作了可正常工作的示例html和js文件。 Html文件通过了w3.org验证，js通过了jslint。


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load("jquery", "1.4.2");
    </script>
    <script type="text/javascript" src="2988992.js"></script>
    <title>Insert title here</title>
</head>
<body>
    <form method="post" name="com_form" id="com_form" action="2988992.html">
    <p>What is your name:<br>
        <input type="text" name="nama" id="nama">
    </p>
    <p>Leave your comment here:<br>
        <input type="text" name="komentar" id="komentar">
    </p>
    <p>
        <input type="submit" name="button2" id="button2" value="Submit">
    </p>
</form>
</body>
</html>


"use strict";
/*global $, alert*/
$(function () {
  $("#com_form").submit(function () {
    var name = $("#nama").val();
    var komentar = $("#komentar").val();
    alert("Hi, " + name + " this is your comment: " + komentar);
    return false; //prevent standard behavior
  });
});

Answer 3

试

$(document).ready(function()
  { 
    //jquery code here 
  }

Answer 4

删除。在警告声明之后，所以它读取;

 alert("Hi, "+name+" this is your comment: "+komentar)

jquery val（）不工作

4 个答案: