<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>ajax</title>
<script src="/ajax/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form action="http://www.ubfgho.com/" method="post">
姓名:<input type="text" name="name"><span></span><br>
密码:<input type="password" name="psw"><br>
<input type="submit" value="提交"><br>
</form>
</body>
<script>
//1、失去焦点事件--判断姓名是否为空
$(':text').blur(function () {
var v=$(this).val()
if (v.trim()==""){
$("span").html("姓名为空").css("color","red")
}else{
$("span").html("")//清空span
}
})
//2、提交事件---点击提交按钮触发submit
$("form").submit(function () {
//选中text文本
var v=$(':text').val().trim();
if (v==""){
//如果姓名为空。就返回false,阻止提交,
return false
}
})
</script>
</html>