Javascript实现表单校验——提交表单的两种方式

目录

 

一、JavaScript表单校验

二、提交表单的两种方式

（1）通过向form标签中添加onsubmint事件实现表单提交

（2）通过向标签中添加onclick事件触发js函数以提交表单

---

一、JavaScript表单校验

表单校验，时HTML网页中常常会用到的一个功能，例如，在HTML页面中实现登录功能，登录成功后跳转，这就需要用到表单校验，再或者，在HTML网页中插入一个调查表，但调查表中某些内容不能为空，需要填写内容方可提交。

二、提交表单的两种方式

（1）通过向form标签中添加onsubmint事件实现表单提交

代码示例：

页面效果如下：

 用户名为空时，点击提交：

 密码为空时，点击提交：

提交成功，则跳转到百度界面。

（2）通过向标签中添加onclick事件触发js函数以提交表单

代码示例：

html代码：

	
		
		
	
	
		
		

			
			
			男女
			
            
				--请选择--
				一年级
				二年级
			
			登录
			重置
		
		
		
	

js代码：

function check(){
    var inputElement = document.getElementById("user_name");
	if(inputElement.value==""){
		alert("请输入用户名");
		return;
	}
	inputElement = document.getElementById("password");
	if(inputElement.value==""){
		alert("请输入密码");
		return;
	}
				
	var inputElements = document.getElementsByName("sex");
	var flag = 0;
	for(var i = 0;i

 效果同上述，不再赘述。