爲什麼我的註冊表單在除Firefox以外的每個瀏覽器都能正常工作？

Question

這是可以在這裏找到：http://syllableapp.com/test

基本上，在Safari瀏覽器，鉻，歌劇，WebKit每日等形式精美的作品，並完全按預期。但在Firefox中，只需提交它就不會執行任何操作。爲什麼是這樣？

這裏是我的JavaScript：

$(document).ready(function() { 
    $('input[type="submit"]').click(function() { 
     event.preventDefault(); 

     var email = $.trim($('.email').val()); 
     var emailRegEx = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 

     if (email == "" || !emailRegEx.test(email)) { 
      $(this).effect("shake", { times:2 }, 75); 
     } 
     else { 
      var data = "email=" + email; 

      $.ajax({ 
       type: "POST", 
       url: "register_email.php", 
       data: data, 
       success: function(data) { 
        if (data == 1) { 
         $('form').hide(); 
         $('form').html("<p class='success'>You'll be notified! Welcome aboard.</p>"); 
         $('form').fadeIn(300); 
        } 
        else { 
         $('form').hide(); 
         $('form').html("<p class='error'>Dang, there was an error. <a href='mailto:me@christianselig.com'>Email me?</a></p>"); 
         $('form').fadeIn(300); 
        } 
       }, 
       error: function(jqXHR, textStatus, errorThrown) { 
        alert("Error: " + errorThrown); 
        $('form').hide(); 
        $('form').html("<p class='error'>Dang, there was an error. <a href='mailto:me@christianselig.com'>Email me?</a></p>"); 
        $('form').fadeIn(300); 
       } 
      }); 
     } 
    }); 
}); 

我的PHP：

<?php 
    $db = new mysqli("localhost", "swuclu_emailer", "etreadmill:(", "swuclu_syllable_emails"); 

    if ($db->connect_error) { 
     echo "0"; 
    } 
    else { 
     $email = $_POST["email"]; 

     $stmt = $db->prepare("INSERT INTO emails (email) VALUES (?)"); 
     $stmt->bind_param("s", $email); 
     $stmt->execute(); 

     echo 1; 
    } 
?> 

究竟是怎麼回事，除Firefox以外每一個瀏覽器將工作？

Answer 1

在scripts.js文件

$(document).ready(function() { 
    $('input[type="submit"]').click(function() { 
     event.preventDefault(); 

這應該是

$(document).ready(function() { 
    $('input[type="submit"]').click(function(event) { 
     event.preventDefault(); 

否則事件是不確定的

Answer 2

在控制檯中啓用錯誤時的頁面改變持續。

你會看到這樣的錯誤：

ReferenceError: event is not defined 
http://syllableapp.com/test/scripts/scripts.js 
Line 3 

這需要你的代碼：

$(document).ready(function() { 
$('input[type="submit"]').click(function() { 
    event.preventDefault(); //<--- here 

看，你看是不是定義的事件。因此錯誤。

所以變量事件添加到函數參數列表

$('input[type="submit"]').click(function(event) { //<-- added variable