這裏是代碼,我找不到錯誤。背景圖像來自本地目錄,與jQuery庫相同。我測試了路徑,他們都很好。不知何故,某些東西不能工作,我找不到。由jQuery實時電子郵件驗證不起作用,我找不到bug
<html>
<head>
<script type="text/javascript" src="/myform/js/jquery.js"></script>
<script type="text/javascript">
function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
return pattern.test(emailAddress);
}
$(document).ready(function() {
$("#validate").keyup(function(){
var email = $("#validate").val();
if(email != 0)
{
if(isValidEmailAddress(email))
{
$("#validEmail").css({ "background-image": "url('/myform/logos/validyes.png')" });
} else {
$("#validEmail").css({ "background-image": "url('/myform/logos/validno.png')" });
}
} else {
$("#validEmail").css({ "background-image": "none" });
}
});
});
</script>
<style>
#validEmail
{
margin-top: 4px;
margin-left: 9px;
position: absolute;
width: 16px;
height: 16px;
}
</style>
</head>
<body>
<div><input type=」email」 id=」validate」 width=」50」><span id=」validEmail」></span></div>
</body>
</html>
初次檢查似乎是正確的。可以去老派,並在每個條件內使用alert()或console.log()來查看是否滿足條件。我錯過了電子郵件如何成爲「0」,所以這種情況可能總是得到滿足。除此之外,我注意到你的HTML底部(div內)有錯誤的雙引號。可能像那樣愚蠢。 –
你可以告訴我的電子郵件地址的樣本,您驗證 – diEcho
是否檢查了您的瀏覽器的錯誤控制檯是否有任何javascript錯誤 – Neelam