为什么不工作jquery?

时间:2017-01-24 17:15:12

标签: jquery css display

在这里工作:https://jsfiddle.net/w711Lf6t/1/

页面上没有工作。 的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,但同样的问题。

1 个答案:

答案 0 :(得分:0)

您需要在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>
相关问题