在DOM加载后,如何使用jQuery来防止表单上的默认行为？

Question

我正在使用jQuery加载一个表单:

<script type='text/javascript'>
    $(document).ready(function() {
            $('button').click(function(){
                $url="/quiz/" + $(this).attr('id');
                $.ajax({
                    url:$url,
                    success:function(data){
                        $('button').fadeOut('slow',function(){
                            $('.center').html(data).hide().fadeIn(600);
                        });

                    }
                });
            });

$(document).on('submit','form-inline', function(event){
        alert("Attempt");
        event.preventDefualt();
    });

</script>

随着标记:

<form class="form-inline">
  <input type="text" class="input-xlarge" placeholder="Quiz Name">
  <button id="quiz-name" type="submit" class="btn btn-large">Next >></button>
</form>

表单加载后我想阻止表单提交.但是我很难模仿这种行为.我该怎么做？

Answer 1

$(document).on('submit','form-inline', function(event){

应该指向一个类:

$(document).on('submit','.form-inline', function(event){

而且,你拼错了.preventDefault.