爲什麼不工作jQuery？

-4

這是在工作：https://jsfiddle.net/w711Lf6t/1/爲什麼不工作jQuery？

在頁面上無法正常工作。的index.php

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css.css"> 
<script src="js.js"></script> 
</head> 
<form action="register" method="post"> 
    <input type="text" name="name" id="name" class="input_class" placeholder="test"/> 
     <div id="error_name">Input name!</div> 
</form> 
</html>

js.js

function validation() { 
    var name = $("#name").val(); 
    if (name === '') { 
     $("#error_name").css('display', 'block'); 
    } 
    else 
    { 
     $("#error_name").css('display', 'none'); 
    } 
} 

$("#name").focusout(function() { 
    validation(); 
});

css.css

#error_name { 
    font-family: Arial; 
    color: red; 
    display: none; 
}

我忘了什麼補充？我嘗試jQuery的.js，但同樣的問題。

來源

2017-01-24 Deimantas

瀏覽器控制檯是告訴你到底出了什麼問題。看看錯誤信息。首先，你沒有包含jQuery庫。 – David

js.js是你的jQuery庫嗎？如果沒有，你需要包括它。 – Santi

我嘗試添加：''但是相同 – Deimantas

你需要你的js文件之前，包括Jquery：

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css.css"> 
<script src="jquery.min.js"></script> 
<script src="js.js"></script> 
</head> 
<form action="register" method="post"> 
    <input type="text" name="name" id="name" class="input_class" placeholder="test"/> 
     <div id="error_name">Input name!</div> 
</form> 
</html>

來源

2017-01-24 17:19:09

我嘗試添加：''但是相同 – Deimantas

@Deimantas看看你的瀏覽器控制檯顯示什麼！例如在谷歌瀏覽器中：右鍵單擊頁面--->檢查元素----->控制檯選項卡。什麼是錯誤？告訴我 –

控制檯是空的。 – Deimantas

爲什麼不工作jQuery？

回答

相關問題