jquery AJAX 양식이 작동하지 않습니다.

Question

JQuery와 AJAX를 사용하여 숨겨진 입력이 3 개인 양식을 제출할 수 없습니다. 나는 "acknowledgeForm"의 만들기 버튼을 클릭하면

<form name="TDISLabelForm" id="TDISLabelForm<%=segmentID%>" method='POST' onsubmit="createTdisLabel('TDISLabelForm<%=segmentID%>');" action="javascript:void(0);"> 
     <input type="hidden" id="labNum" name="lab_no" value="<%=lab_no%>"> 
     <input type="hidden" id="accNum" name="accessionNum" value="<%=accessionNum%>"> 
     <input type="hidden" id="label" name="label" value="<%=label%>"> 
    </form> 

    <form name="acknowledgeForm" id="acknowledgeForm_<%=segmentID%>" onsubmit="updateStatus('acknowledgeForm_<%=segmentID%>');" method="post" action="javascript:void(0);"> 

     <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> 
      <tr> <td> 
      <input type="text" id="label" name="label" value="<%=label%>"/> 
      <input type="button" id="createLabel" value="Create" onClick="submitTDISform();"> 
       </td></tr> </table> </form> 

, "TDISLabelForm"가되지 않습니다 : 여기에

createTdisLabel=function(formid){ 
     document.forms['TDISLabelForm'].label.value = document.forms['acknowledgeForm'].label.value; 
     var url = '<%=request.getContextPath()%>'+"/createLabelTDIS.do"; 
     var data=$(formid).serialize(true); 
     new Ajax.Request(url,{method:'post', parameters:data,onSuccess:function(data){ 
      $("#createLabel").html(data.label); 
     }}); 
    }; 

    function submitTDISform() 
    { 
     document.TDISLabelForm<%=segmentID%>.submit(); 
    } 

숨겨진 형태와 주요 형태입니다 :

여기 내 자바 스크립트 함수입니다 제출하는 중입니다. 나는 Firebug를 열고 JavaScript 함수 호출을 전혀 보지 못했다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

내 생각 엔 HTML 페이지에 javascript 파일을 포함하지 않았을 수 있습니다. 그것이 기능을 볼 수없는 이유입니다. 또한 jquery를 사용하고 있으므로 이벤트 처리에도 사용하는 것이 더 좋습니다.

$("#createLabel").click(your_javascript_function()); 

Answer 2

html에 오타가 있습니다. onclick 속성 대신 onlick 속성을 지정했습니다.