제출하지 않고 요청하십시오 - PHP, AJAX & Javascript

저는 아직 PHP 프로그래밍의 초보자입니다. 내가 선택한 날짜를 물어 보는 방법에 대한 도움이 필요해. 사용자가 자바 스크립트를 통해 날짜를 선택할 수있는 간단한 웹 페이지. 그런 다음 제출 버튼을 클릭합니다. 나는 사용자에게 날짜를 물어보고 싶지만 그것이하는 일은 새로운 페이지를 열고 현재 페이지를 표시합니다.제출하지 않고 요청하십시오 - PHP, AJAX & Javascript

내 PHP 파일 : 사전에 rcl_stkall.js

$(function() { 
      $('.error').hide(); 
      $(".load_data").click(function() { 
       $('.error').hide(); 
       var transactionDate = $("input#transactionDate").val(); 
       if(transactionDate == ""){ 
        $("label#transactionDate").show(); 
        $("input#transactionDate").focus(); 
        return false; 
       } 
       var dateOfTransaction = 'date=' + transactionDate; 
       alert(dateOfTransaction); return false; 
      }); 
     });

감사 : 여기 rcl_stock_allocation.php

<html> 
    <head> 
     <LINK REL=StyleSheet HREF="inc/style.css" TYPE="text/css" MEDIA=screen> 
     <LINK REL=StyleSheet HREF="inc/cal_styles.css" TYPE="text/css" MEDIA=screen> 
     <script type="text/javascript" language="javascript" src="inc/myCalendar.js"></script> 
     <script type="text/javascript" src="inc/jquery-1.9.1.js"></script> 
     <script type="text/javascript"> 
      function popCal(ThisValue){ 
       calpop = new Epoch('epoch_popup','popup',document.getElementById(ThisValue)); 
       calpop.toggle(); 
      } 
     </script> 
     <title>RCL Stock Allocation</title> 
    </head> 
    <body> 
     <?php 
     echo "<form name='rcl_stock_allocation' action='' method='get' target=_blank >"; 
     echo "<table border = '0'>"; 
     echo "<tr><td colspan='2'><font size='2' ><b>RCL Stock Allocation for Bookshop</b></font></td></tr>"; 
     print "<tr><td></br></td></tr>"; 
     print <<<menu1 
     <tr><td align=right >Date of Transaction</td><td> <input type="text" id ="transactionDate" name="transactionDate" class = graytextbox readonly=true style='width:80px; text-align:center' value = '$transactionDate' />&nbsp;<a href=# onclick="popCal('transactionDate');">&nbsp;Date Picker</a> 

menu1; 
     print "</td></tr>"; 
     echo "<tr><td></td><td><input type='submit' name='load_data' id='load_data' value='Load Stocks' /></td></tr>"; 
     echo "</table>"; 
     echo "</form>"; 
     //echo "lloyd"; 
     ?> 


    </body> 
</html>

그리고 내 자바 스크립트입니다.

출처

2013-03-18 lhynx

FYI : SO에 대한 질문을 게시하는 동안 소스 코드의 관련 부분 만 사용하는 것이 좋습니다. 사용자가 소스 코드를 조사해야하는 다른 방법 – Red

제출 버튼의 선택자가 잘못되었습니다. '.load_data'가 아닌 '#load_data'여야합니다. 이와 같은 문제를 해결할 때 Firebug 또는 Chrome 개발자 도구에서 경고 또는 중단 점을 사용하여 이벤트 핸들러가 실행될 것으로 기대할 때 이벤트 처리기가 실행되는지 확인하십시오. – Matt

먼저 당신을 사용하는 그래서

이 시도 버튼 제출에 대한 ID = "load_data"

$ (". load_data"). ((클릭 기능) {해야

$ ("#의 load_data"). (클릭 function() {

출처

2013-03-18 05:57:02 Razor

다음은 몇 가지 기본 사항은 다음과 같습니다 양식을 시작하면

, '대상 = _blank'을 제거 -이 필요하지 않습니다.

그런 다음 기본 제출 조치를 방지하여 양식 제출을 중지 할 수 있습니다. 가 내 JS이 추가 '$ (함수() {'

$('#rcl_stock_allocation').on('submit', function(e) { 
    e.preventDefault(); 
    // add code here to show prompt the user of the date 
});

사용자가 날짜, 사용의 메시지가 표시되고 후에 당신은 다음 양식을 제출해야하는 경우 :

$('#rcl_stock_allocation').submit();

양식을 전송 완료합니다.

출처

2013-03-18 05:11:39 Mupps

넣어 유형 = '버튼'모두의

<input type='button' name='load_data' id='load_data' value='Load Stocks' />

출처

2013-03-18 05:36:49 Kautil

제출하지 않고 요청하십시오 - PHP, AJAX & Javascript

답변

관련 문제