2010-06-07 102 views
6

jQuery的VAL()didnt工作,这是一个简单的脚本: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”是submited,但不是“komentar”。所以我尝试使用警报进行调试(如上所述),但“komentar”不会改变。我该怎么办?

+1

'警报。(...)'你在这里有一个额外的点。 – kennytm 2010-06-07 11:26:43

+2

除了alert后面的'.',你的代码的工作原理如下:http://jsfiddle.net/HATSX/ – 2010-06-07 11:27:13

+0

欢迎来到SO ...:D – Reigel 2010-06-07 11:30:38

回答

2

你在你的html中有一些错误。表格应该有“动作”属性,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 
    }); 
}); 
 
+0

表单不需要操作属性。如果没有设置 - 它会发布到当前的网址 – ymakux 2015-06-09 21:58:21

3

你在页面的其他地方是否有另一个HTML元素ID为“komentar”?

+1

我在Django工作,我有我的base.html(所有页面的模板)相同的ID输入。你的回答真的救了我。 – nima 2015-05-16 20:22:19

0

尝试

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

取出。在警报声明之后如此读取;

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