Question

这是我的表格

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中获取结果并提醒它＆amp;＆amp;或者我的错误是什么

祝你好运

Answer 1

似乎没有什么能阻止表单正常提交。尝试从提交函数传递事件并调用.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（）只影响display属性。因此，将wdith / height设置为0将意味着iframe永远不会显示。

Jquery：从iframe加载上传结果

1 个答案: