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

ブラウザのコンソールが間違っている正確に何を言っています。エラーメッセージを見てください。 1つは、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あなたのブラウザコンソールは何を表示しているのですか？たとえばgoogle chromeで右クリック---> inspect elements -----> console tab。エラーは何ですか？ show me –

コンソールが空です。 – Deimantas

jqueryが動作しないのはなぜですか？

答えて

関連する問題