2010-06-07 24 views
6

jQuery वैल() काम कर रहे फ्लॉप, इस सरल स्क्रिप्ट है:jQuery वैल() काम नहीं कर रहा

$("#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 बनाने की कोशिश की गई थी पोस्ट, मान "नामा" सबमिट किया गया है लेकिन "कमेंटर" नहीं है। तो मैंने अलर्ट (जैसे ऊपर एक) का उपयोग करके डीबग करने की कोशिश की और अभी भी "कमेंटर" नहीं बदला गया है। मुझे क्या करना चाहिए?

+1

'चेतावनी। (...)' आप एक अतिरिक्त डॉट यहाँ है। – kennytm

+2

चेतावनी के बाद '.' के अपवाद के साथ, आपका कोड काम करता है: http://jsfiddle.net/HATSX/ –

+0

SO में आपका स्वागत है ...: डी – Reigel

उत्तर

2

आप अपने HTML में कुछ त्रुटियाँ हैं। फॉर्म में "एक्शन" विशेषता होनी चाहिए, जेएस भी ठीक नहीं है।

मैंने उदाहरण HTML और जेएस फाइलें बनाई हैं जो सही तरीके से काम करती हैं। एचटीएमएल फ़ाइल w3.org सत्यापन पास हो गया और जेएस पास 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

3

क्या आपके पास पृष्ठ पर कहीं और "identar" आईडी के साथ एक और HTML तत्व है?

+1

मैं Django में काम कर रहा हूं और मेरे पास मेरे base.html (सभी पृष्ठों के लिए एक टेम्पलेट) में एक ही आईडी के साथ एक इनपुट था। आपके जवाब ने वास्तव में मुझे बचाया। – nima

0

कोशिश

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

निकालें। अलर्ट स्टेटमेंट के बाद यह पढ़ता है;

alert("Hi, "+name+" this is your comment: "+komentar) 
संबंधित मुद्दे