2012-10-17 27 views
36

मैं बस जावास्क्रिप्ट और PHP सीख रहा हूं। मैं एक संपर्क फ़ॉर्म बनाया है और मैं दो उद्देश्य पूरे करना है जब मैं यह प्रेस सबमिट बटन चाहते हैं:सबमिट बटन पर ऑनक्लिक फ़ंक्शन जोड़ें

  1. मेरे लिए डेटा सबमिट (इस भाग काम कर रहा है)
  2. मेरी onclick समारोह पढ़ा (यह हिस्सा है काम नहीं कर रहा)
<input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood()"> 

<?php 
if ($_POST['submit']) { 
////????? 
} 
?> 

मैं अपने ईमेल करने के लिए डेटा भेज रहा है, और इसलिए मुझे लगता है कि मिलता है। लेकिन onclick फ़ंक्शन काम नहीं कर रहा है। मैंने add onclick function for submit button की समीक्षा करने की कोशिश की लेकिन इससे मदद नहीं मिली।

+0

हमें अपना कोड दिखाएं, eval यूट क्या गलत है – Rafael

उत्तर

8

यदि आपको डेटा जमा करने से पहले कुछ करने की आवश्यकता है, तो आप फॉर्म पर सबमिट कर सकते हैं।

<form method=post onsubmit="return doSomething()"> 
    <input type=text name=text1> 
    <input type=submit> 
</form> 
39

मुझे बेहतर सहायता के लिए अपना सबमिट बटन HTML टैग देखना होगा।

  1. क्लाइंट-साइड पर हैंडलिंग onclick बटन हो रही है:: मैं php से परिचित नहीं हूँ और यह कैसे पोस्टबैक प्रबंधित, लेकिन मैं क्या आप क्या करना चाहते हैं पर निर्भर करता है लगता है, तो आप तीन विकल्प हैं इस मामले में आप केवल जावास्क्रिप्ट फ़ंक्शन को कॉल करने की आवश्यकता है।

function foo() { 
 
    alert("Submit button clicked!"); 
 
    return true; 
 
}
<input type="submit" value="submit" onclick="return foo();" />

  1. आप सर्वर साइड पर क्लिक हैंडल करना चाहते हैं, तो आपको पहले यह सुनिश्चित करें कि प्रपत्र टैग तरीके विशेषता है बनाना चाहिए post करने के लिए सेट:

    <form method="post"> 
    
  2. आप form से onsubmit घटना का उपयोग कर सकते खुद को अपने कार्य को बांधने के लिए।

<form name="frm1" method="post" onsubmit="return greeting()"> 
 
    <input type="text" name="fname"> 
 
    <input type="submit" value="Submit"> 
 
</form>

+2

फॉर्म पर जमा करने के लिए बेहतर हैंडलर है। यदि आपके पास कोई फॉर्म नहीं है, तो टिप के लिए 'टाइप =" बटन "' – mplungjan

+0

@mplungjan tanx में बदलें, मैंने जवाब दिया कि उत्तर – manman

+2

संदर्भ सामग्री में खराब पसंद के कारण अभी तक कोई +1 नहीं है;) – mplungjan

16

एचटीएमएल:

<form method="post" name="form1" id="form1">  
    <input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood();" /> 
</form> 

जावास्क्रिप्ट: जावास्क्रिप्ट का उपयोग कर

function eatFood() { 
document.getElementById('form1').submit(); 
} 

पर दिखाने के लिए प्रपत्र प्रस्तुत करने के लिए संदेश

function eatFood() { 
alert('Form has been submitted'); 
} 
3

मैं इस कोड है पर क्लिक करें:

<html> 
 
<head> 
 
<SCRIPT type=text/javascript> 
 
function deshabilitarBoton() {  
 
    document.getElementById("boton").style.display = 'none'; 
 
    document.getElementById("envio").innerHTML ="<br><img src='img/loading.gif' width='16' height='16' border='0'>Generando...";  
 
    return true; 
 
} 
 
</SCRIPT> 
 
<title>untitled</title> 
 
</head> 
 
<body> 
 
<form name="form" action="ok.do" method="post" > 
 
<table> 
 
<tr> 
 
<td>Fecha inicio:</td> 
 
<td><input type="TEXT" name="fecha_inicio" id="fecha_inicio" /></td> 
 
</tr> 
 
</table> 
 
<div id="boton"> 
 
    <input type="submit" name="event" value="Enviar" class="button" onclick="return deshabilitarBoton()" /> 
 
</div> 
 
<div id="envio"> 
 
</div> 
 
</form> 
 
</body> 
 
</html>

0
<button type="submit" name="uname" value="uname" onclick="browserlink(ex.google.com,home.html etc)or myfunction();"> submit</button> 

यदि आप तो किसी भी पटकथा भाषा के बिना HTML में एक बटन के क्लिक पर एक पेज खोलना चाहते हैं आप उपरोक्त कोड का उपयोग कर सकते हैं।

+0

'ऑनक्लिक' कैसे 'myfunction() 'देता है, लेकिन ब्राउज़र को उसी पृष्ठ पर रहने के लिए मजबूर करता है। समारोह सिर्फ "आपकी प्रतिक्रिया के लिए धन्यवाद" कहेंगे। मेरा फॉर्म स्थानीय PHP फ़ाइल ('formubmit.php') से जुड़ा हुआ है:'

' – sAguinaga

1
  1. कि type="button"
  2. -

  3. बदलें वर्तमान बटन प्रस्तुत करूँ id="hiddenBtn" और type="submit" साथ एक छिपा बटन सेट वर्तमान बटन के onclick नीचे की तरह एक function देखो फोन बनाएँ:

    function foo() { // do something before submit ... // trigger click event of the hidden button $('#hinddenBtn').trigger("click"); }

संबंधित मुद्दे