jQuery仅在第二次单击后提交工作

时间:2017-12-11 14:44:31

标签: javascript php jquery html iframe

我编写了这段代码,应该使用jQuery和iframe提交注册表单(PHP)。

的Javascript

    <iframe name="reg_frame" id="reg_frame" style="display:none;" src="register.php"></iframe>
    <table>
        <tr>
            <td>
                <p id="reg_error"></p>
            </td>
        </tr>
        <tr>
            <td><input type="email" name="reg_email" id="reg_form_input" placeholder="Email"></td>
        </tr>
        <tr>
            <td><input type="password" name="reg_pass" id="reg_form_input" placeholder="Password"></td>
        </tr>
        <tr>
            <td><input type="password" name="reg_pass_confirm" id="reg_form_input" placeholder="Confirm password"></td>
        </tr>
        <tr>
            <td><input type="submit" name="reg_submit" id="reg_form_sub" value="Send me a confirmation email"></td>
        </tr>
    </table>
</form>

HTML

rendered

它有点工作,但是当我第一次点击按钮时没有任何反应。

当我第二次点击时,我从PHP获得回音(脚本提交表单,它会创建帐户等,但我只有在第二次点击后才会收到回音)。

2 个答案:

答案 0 :(得分:0)

我刚刚添加了onload,现在正在运行

$(document).on('click', '#reg_form_sub', function(event) {

    $('#reg_frame').on("load", function() {

      var error_message_lgn = $("#reg_frame").contents().text();

      $('#reg_error').text(error_message_lgn);

    });

  });

答案 1 :(得分:0)

首先没有表格标签。如果您打算保存数据,请使用按钮点击功能。

$("button_id_name").click(function(){});