在这里工作: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,但同样的问题。
答案 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>