0

これが私のフォームです

HTML

<div id="contactus">
     <form action="carrer_.php" method="POST" ENCTYPE="multipart/form-data" class="contactUs" id="send_cv" target="carrer_iframe">
        <label> Name
          <input type="text" name="name"  />
        </label>

        <label> Email
          <input type="text"  name="email" />
        </label>

        <label> Mobile
          <input type="text" class="mobile" name="mobile" />
        </label>

        <label> Cv
           <input type="file" id="cv" name="file" />
        </label>

        <label> Other Info
          <textarea name="message" cols="1" rows="1"></textarea>
        </label>
        <input type="submit" value="send" />
      </form>
      <div id="iframe_result"></div>
      <iframe name="carrer_iframe" id="carrer_iframe" src="carrer_.php" style="width;0;height:0;display:none;" ></iframe>
    </div>

JS 

 $('#send_cv').submit( function(){
        $("#carrer_iframe").contents().html("") ;
        $("#iframe_result").load(function(){
                alert( 1 ) ;
                response = $("#carrer_iframe").contents().find("body:last").text();
                alert( response ) ;
                $("#iframe_result").html(response).show();
            });
  } ) ;

フォームを送信した後 (何も起こらなかった???)

非表示のiframeから結果を取得して警告するにはどうすればよいですか&&または私のエラーは何ですか

よろしくお願いします

4

1 に答える 1

0

フォームが正常に送信されるのを妨げるものは何もないようです。submit 関数からイベントを渡し、.preventDefaultを呼び出してみてください。

$('#send_cv').submit( function(event){
        // Preventing the default form submission action
        event.preventDefault();
        $("#carrer_iframe").contents().html("") ;
        $("#iframe_result").load(function(){
                alert( 1 ) ;
                response = $("#carrer_iframe").contents().find("body:last").text();
                alert( response ) ;
                $("#iframe_result").html(response).show();
            });
  } ) ;

編集：

私の知る限り、 .show() は表示属性にのみ影響します。したがって、幅/高さを 0 に設定すると、iframe が表示されなくなります。

于 2012-10-07T17:58:34.520 に答える