텍스트 형식 필드 제출 OnChange

Question

HTML의 텍스트 필드를 변경하면 양식을 제출하려고합니다.

<form name="editAgendaItem19" id="editAgendaItem19" method="post" action="./?module=meetings&preload=edit&function=editAgendaItem&agendaitem=19"> 
<table width="100%" border=0> 
<tr><td width="20px">1</td><td><input type="text" value="" name="agendaItemTitle19" onChange="javascript:document.forms['editAgendaItem19'].submit()" /></td> 
... 

로 평가

echo("<form name=\"editAgendaItem" . $this->Id . "\" id=\"editAgendaItem" . $this->Id . "\" method=\"post\" action=\"./?module=meetings&preload=edit&function=editAgendaItem&agendaitem=" . $this->Id . "\">\n"); 
echo("<table width=\"100%\" border=0>\n"); 
echo("<tr><td width=\"20px\">" . $this->Index . "</td><td><input type=\"text\" value=\"" . $this->Title . "\" name=\"agendaItemTitle" . $this->Id . "\" onChange=\"javascript:document.forms['editAgendaItem" . $this->Id . "'].submit();\" />"); 
echo("</td>\n"); 
... 

하지만 더 중요한 것은

<form name="editAgendaItem19" id="editAgendaItem19" method="post" action="..."> 
<input type="text" value="" name="agendaItemTitle19" onChange="javascript:document.forms['editAgendaItem19'].submit()" /> 
... 

• 결국 태그로 종료 : 현재, 내 코드는 다음과 같이 보인다. 내 문제는 필드를 수정하고 포커스를 놓으면 양식이 제출되지 않는다는 것입니다.

미리 도움을 청하십시오.

편집 : 나는 또한 인라인 코드 대신 OnChange 이벤트에이 방법을 사용하려고했습니다

:

<script type="text/javascript"> 
function submitForm(FormName) 
{ 
    document.forms[FormName].submit(); 
} 
</script> 

편집 :

다음 코드를 사용하는 제안을 툭 :

<script> 
$(document).ready(function(){ 
    $('#agendaItemTitle24').live('blur',function() 
     $('#editAgendaItem24').submit(); 
    }); 
});​ 

</script> 

내 머리 속에는

<form name="editAgendaItem24" id="editAgendaItem24" method="post" action="..."> 
<input type="text" value="" name="agendaItemTitle24" id="agendaItemTitle24" /> 
</form> 

내 콘텐츠. 아직 주사위가 없습니다.

Answer 1

당신의 HTML은 다음과 같이 수 :

를

<form name="myForm" id="myForm" method="post" action="..."> 
<input type="text" value="" name="myInput" id="myInput"/> 

지금 jQuery를 사용

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#myInput').live('blur',function(){ 
     $('#myForm').submit(); 
    }); 
});​ 
</script> 

이 내 jsFiddle입니다 : http://jsfiddle.net/mtwLf/1/

Answer 2

저는 자바 스크립트를 별도의 파일로 분리하고 준비된/준비된 문서로 처리하기 시작합니다. 내 생각에 필자는 사람들이 요즘 인라인 자바 스크립트를 쓰는 것이 좋지 않다고 말한 것으로 생각합니다.

누구나 그 생각을 가지고 있습니까?

Answer 3

이 시도 :

이

onkeyup="javascript:document.forms['editAgendaItem19'].submit()" 

당신이 다른 곳을 클릭하여 포커스를 제거하는 경우에만 작동 onchange를 기능이

Answer 4

시도 onBlur 이벤트를 사용하는 대신 onChange