我的Javascript不能在localhost工作XAMPP

我希望有人能幫助我的項目學校。我有這樣一段HTML代碼：我的Javascript不能在localhost工作XAMPP

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Tambah Guru</title> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
     <script type='text/javascript' src='script.js' charset="utf-8"></script> 
    </head> 
<body> 

Email: <input type='text' id='txtemail' /> 

<input type='submit' value='Simpan' id='validateemail' /> 
</body> 
</html>

然後我的JavaScript代碼：

$(document).ready(function(e) { 
    $('#validateemail').click(function() { 
     var sEmail = $('#txtemail').val(); 
     if ($.trim(sEmail).length == 0) { 
      alert('Please enter valid email address'); 
      e.preventDefault(); 
     } 
     if (validateEmail(sEmail)) { 
      alert('Email is valid'); 
     } else { 
      alert('Invalid Email Address'); 
      e.preventDefault(); 
     } 
    }); 
}); 

function validateEmail(sEmail) { 
    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 
    if (filter.test(sEmail)) { 
     return true; 
    } else { 
     return false; 
    } 
}

當我運行它

，這是行不通的。我不知道爲什麼。有人可以幫我嗎？

來源

2013-05-19 Vinra Gunanta Pandia

哪部分*不起作用*？ – Joseph

對於一個他不包括jquery。 – 2013-05-19 05:12:38

按照[jQuery.com的說明]（http://learn.jquery.com/about-jquery/how-jquery-works/）在您的頁面上添加jquery.js。如果仍不起作用，請澄清「不工作」的含義：指定所需的行爲和實際行爲。 – nnnnnn

您沒有像上述評論中那樣添加jQuery。把這一行放在html中的腳本行上面

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

然後你沒有傳入要處理的事件對象。在下面的代碼中傳遞click處理程序中的事件對象。您正在傳遞document.ready中的事件處理程序，這不是您需要的。

$(document).ready(function() { 
    $('#validateemail').click(function(e) { 
     var sEmail = $('#txtemail').val(); 
     if ($.trim(sEmail).length == 0) { 
      alert('Please enter valid email address'); 
      e.preventDefault(); 
     } 
     if (validateEmail(sEmail)) { 
      alert('Email is valid'); 
     } 
     else { 
      alert('Invalid Email Address'); 
      e.preventDefault(); 
     } 
    }); 
}); 

function validateEmail(sEmail) { 
    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 
    if (filter.test(sEmail)) { 
     return true; 
    } 
    else { 
     return false; 
    } 
}

來源

2013-05-19 05:16:56 theshadowmonkey

+1感謝您的解釋。向你學習很多人:) –

thans解釋:) –

您需要包含jquery.js文件，因爲它是一個Javascript庫。您可以下載，其中包括，或乾脆在腳本標籤使用這個網址： -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

這是一個更好的選擇，因爲它具有很多優點類似延遲的減少，增加的並行性，以及更好的緩存。

來源

2013-05-19 05:22:24

atleast複製粘貼其他答案時複製。我沒有在http後添加冒號，現在編輯它。編輯你的答案包括它 – theshadowmonkey

@shadowmonkey這是可以理解的。不是嗎？ –

的確如此。但是當你發佈一個答案時，至少考慮修改它，因爲不是每個人都具有相同的技能水平，或者有時你和我幾個小時呆在一起傻了:)只是說。 – theshadowmonkey

回答

相關問題