Question

我试过通过以下代码来防止表单提交的默认，但它不起作用。有什么问题。

<div class="section-register">
    <form id="registerform" novalidate="novalidate" method="post" action="http://localhost/yify2/wp-login.php?action=register" name="registerform">
        <input id="wp-submit" class="button button-primary button-large" type="submit" value="Register" name="wp-submit">
    </form>
</div>

我的脚本是：

<script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery(".section-register").find("#registerform").submit(function(event){
        if(whatever) { 
            event.preventDefault();  
        }  
      });
   });
</script>

我也尝试过以下代码：

<script>
jQuery(document).ready(function() {
    jQuery("#registerform").submit( function(e) {

        e.preventDefault();
    });
});
</script>

Answer 1

如果您的表单是通过AJAX请求加载的，则需要在将表单添加到DOM后绑定事件，或者将其绑定到静态节点上：

委托事件绑定：

<script>
jQuery(function($) { // Short for jQuery(document).ready(function() {
    // Bind the event to a static node (here I use document). 
    //   The closer to the dynamic node the better.
    // From your code it looks like you might be able to use  
    //   $('.section-register') as the static node.
    $(document).on('submit', '#registerform', function(event) {

        event.preventDefault();
    });
});
</script>

Answer 2

试试这个

<script>
jQuery(document).ready(function() {
jQuery("form[name=registerform]").submit( function(e) {

e.preventDefault();
    });
});
</script>

Jquery防止默认不在wordpress中工作

2 个答案: