使用JS完成表单的校验

实现效果：当鼠标点到文本框的时候，在文本框的后面给我们一段提示。当光标离开的时候完成校验。将信息写到文本框的后面的位置。

使用到的JS中的事件：

onfocus:获得焦点

onblur:失去焦点

JS控制向HTML的某个元素中写入内容：

document.getElementById("").innnerHTML="";

代码实现：

<script>function checkForm(){var flag=true;var usernameValue=document.getElementById("username").value;var passwordValue=document.getElementById("password").value;if(usernameValue==null||usernameValue==""){//若为空，在span中添加错误信息    //获取spanvar username_msgObj=document.getElementById("username_msg");//设置错误信息username_msgObj.innerHTML="<font color='red'>"用户名不能为空</font>";flag=false;}else{//如果不为空则不显示信息var username_msgObj=document.getElementById("username_msg");username_msgObj.innerHTML="";}if(passwordValue == null || passwordValue== ""){//若为空 在span中添加错误信息//获取spanvar password_msgObj=document.getElementById("password_msg");//设置错误信息password_msgObj.innerHTML="密码不能为空";password_msgObj.style.color="red";//将flag置为false;flag=false;}else{//如果不为空则不显示信息var username_msgObj=document.getElementById("username_msg");username_msgObj.innerHTML="";    }return flag;}</script>


                                             
        0        0           
	
				
	
					   
使用JS完成表单的校验
	  	   
自动完成校验的表单操作
	  	   
jQuery表单校验jquery.validate.js的使用
	  	   
jQuery表单校验jquery.validate.js的使用
	  	   
JS:使用正则校验表单输入
	  	   
常用表单校验JS
	  	   
JS 表单校验
	  	   
表单校验html+js
	  	   
JS校验表单项
	  	   
js校验表单插件
	  	   
js校验表单数据
	  	   
js之表单校验
	  	   
表单校验-validate.js
	  	   
js校验表单后提交表单的几种方法
	  	   
js校验表单后提交表单的三种方法
	  	   
EASYUI 使用自定义的校验类型来联动校验表单
	  	   
Validform的基本使用-表单校验
	  	   
使用JavaScript 实现注册表单的校验
	     		  
	  	   
O2O的理解
	  	   
使用 Spring 3 来创建 RESTful Web Services
	  	   
05 Mybatis应用篇---XML映射文件之select,insert,update,delete实战
	  	   
C++ typedef使用方法总结
	  	   
漫游Kafka实战篇之客户端编程实例
	  	   
使用JS完成表单的校验
	  	   
JavaSE DataInputStream和DataOutputStream流
	  	   
Nginx编译安装详细教程及常用命令介绍
	  	   
Servlet基础总结
	  	   
Python入门教程（三）Python中文编码
	  	   
1048. Find Coins (25)
	  	   
Android中的Dalvik和ART详解及区别分析
	  	   
Ajax简单学习
	  	   
VTK调试报错：计算机中丢失xxx.dll