제출하기 전에 양식 요소 값의 요약을 표시하십시오.

ajax 제출시 jquery formtowizard.js를 사용하십시오. 필자는 양식의 마지막 단계에서 채워진 모든 양식 필드의 요약을 표시하고자합니다. 나는 그것을 분리 된 테스트 케이스에서 사용할 수는 있지만 완전히 사용하지는 못한다. 양식제출하기 전에 양식 요소 값의 요약을 표시하십시오.

<form id="Commission" method="post" action="PHP/CommissionsSubmit.php"> 
    <fieldset id="Initial"> 
     <legend>Enter Your Information</legend> 
     <ul> 
      <li> 
       <label for="FName">First Name*</label><input type="text" name="FName" id="FName"> 
      </li> 
     //repeat many li's 
     </ul> 
    </fieldset> 
    <fieldset> 
    <legend>Second Step</legend> 
    //more li's 
    </fieldset> 
    <fieldset> 
    <legend>Confirmation</legend> 
    <span id="CFName"></span> 
    </fieldset> 
</form>

JQuery와 나는 스팬 "#CFName"에 표시 할 값을 얻을 수

$('#FName').keyup(function() { 
    $('#CFName').val($(this).val()); 
});

"#CFName"값을 얻기가 ...이 함께해야 할 수 "serialize"함수 또는 $ ajax submit 함수로 진행되는 모든 작업? 제출하기 전에 일어나는 일 ... 제발 도와주세요!

나는 사과,하지만 난 .val 사용하여 범위 및 입력되는 앞뒤로 "#CFName"과 함께 사라지다 각각

출처

2012-06-01 Dirty Bird Design

시도 .html 파일했습니다 $('#CFName').text($(this).val());

.val을() 메서드는 주로 input, select 및 textarea와 같은 양식 요소 의 값을 가져 오는 데 사용됩니다.

당신은 그렇지

출처

2012-06-01 04:35:28 barro32

이는 .text 시도하지 않았다 - 피곤하고 .val의 찬성을 간과 .html, 감사합니다! –

.text는 대부분의 경우 .html과 동일하게 작동해야합니다. 따라서 .html을 시도했지만 작동하지 않으면 .val은 실제 문제가 아닐 수 있습니다. – barro32

loganphp의 답변을 시도 했습니까? 그의 jsfiddle 꽤 잘 작동하는 것 같습니다. – barro32

이 코드

을 시도 .text()를 사용해야합니다

$("#FName").keyup(function(){ 
       $('#CFName').html($('#Commission').serialize()); 
    });

데모 : http://jsfiddle.net/KG7cN/

출처

2012-06-01 04:39:17 LoganPHP

여러 인스턴스에서 사용할 수 있습니까? –

여러 폼 요소를 의미합니까 ?? – LoganPHP

예, 같은 원리가 여러 인스턴스에서 실행되었습니다 –

제출하기 전에 양식 요소 값의 요약을 표시하십시오.

답변

관련 문제