JS实现表单验证输入框提示
一、步骤
1、设计好表单页面,在每个输入框后加入强调标签<span>
2、利用事件驱动函数,在输入框上绑定指定事件
3、编写相应函数,使得触发事件时达到理想结果
注:
在编写函数时,需要通过Id信息获取输入框内容如:
var userName= document.getElementById("in7").value;
然后再通过以下方式获取强调标签<span>进行标签体值的设置
var one =document.getElementById("out1");
one.innerHTML="用户名不能为空";
二、代码练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单校验03</title>
<script>
//编写提交表单核对函数
function checkF(){
//获取用户名信息
var userName= document.getElementById("in7").value;
//获取验证码框信息
var check= document.getElementById("i