jQuery僅在第二次單擊后提交工作

Question

我寫了這段代碼，應該使用jQuery和iframe提交注冊表單（PHP）。

Javascript ：

<script type="text/javascript">
    $(document).on('click', '#reg_form_sub', function(event) {

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

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

    });
</script>

HTML ：

    <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>

這是可行的，但是當我第一次單擊按鈕時，什么也沒發生。

當我第二次單擊時，我從PHP得到回顯（腳本提交了表單，它創建了帳戶等，但是僅在第二次單擊后才得到回顯）。

Answer 1

我剛剛添加了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);

    });

  });

Answer 2

首先，沒有表單標簽。 如果您打算保存數據的使用按鈕單擊功能。

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