是有JavaScript判断表单元素是否为空

写一个JavaScript函数checkNull()用来判断表单元素是否为空,如果为控返回false

	<script type="text/javascript">
  		function checkNull(form){
			for(i=0;i<form.length;i++){
				if(form.elements[i].value == ""){ //form属性的elements的首字母e要小写
					alert("很抱歉," + form.elements[i].title + "不能为空^-^");
					form.elements[i].focus();	//当前元素获取焦点
					return false;
				}
			}
  	  	}
  	</script>

表单代码:

<form action="" method="post" onSubmit="return checkNull(this)">
  		<table>
	  		<tr>
	  			<td>用户名:</td>
	  			<td>
	  				<input type="text" name="username" title="用户名">
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>密码:</td>
	  			<td>
	  				<input type="password" name="password" title="密码">
	  			</td>
	  		</tr>
	  		<tr>
	  			<td colspan="2">
	  				<input type="submit" value="登录">
	  			</td>
	  		</tr>
  		</table>
  	</form>
时间: 2024-10-22 15:48:26

是有JavaScript判断表单元素是否为空的相关文章

jquery判断表单内容是否为空

1 //判断表单数据是否为空 2 var t = $('form').serializeArray(); 3 $.each(t,function(i,item){ 4 if(item['value'] == '') { 5 console.log('信息不可为空') 6 showMsg('信息不可为空') 7 flag = 1; 8 return false 9 } else { 10 flag = 0; 11 } 12 }) 原文地址:https://www.cnblogs.com/11697

通过getElementById来取得Form里的表单元素

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>湖南易通</title> <script src="jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"&

用javascript判断一个html元素是否存在的五种方法:

1. 判断表单元素是否存在(一) if("periodPerMonth" in document.theForm){ return true; }else{ return false; } 2. 判断页面元素是否存在 if(document.getElementById("XXX")){ //存在 } 3. 判断表单元素是否存在(二) if(document.theForm.periodPerMonth){ //存在 } 或 if(typeof(document.t

JavaScript遍历HTML表单元素及表单定义

如下JavaScript代码,通过document对象,遍历HTML所有元素(HTML DOM Element ). <html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <head> <script> //显示所有存在"ID"属性的HTML元素 function displayallelem(){ va

javascript实现的动态添加表单元素input,button等(appendChild)

写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程! 我想各位在很多网站上都看到过类似的效果! 1.先用document.createElement方法创建一个input元素! 代码如下: var newInput = document.createElement("input"); 2.设定相关属性,如name,type等 代码如下: newInput.type=mytype;   newInput.name="input1"; 3.用append

jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

基于JQuery实现表单元素值的回写

form.jsp: <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html &

JavaScript实现表单的校验以及匹配正则表达式

运行效果: 未填写信息报错: 匹配正则表达式: 信息校验无误: 源代码如下: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>用户注册</title> 6 <!--<link rel="stylesheet" type="text/css&qu

第 10 章 表单元素[下]

学习要点: 1.其他元素 2.输入验证 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中剩余的其他元素,然后重点了解一下表单的输入验证功能. 一.其他元素 表单元素还剩下几个元素没有讲解,包括下拉框列表 select.多行文本框 textarea.和 output 计算结果元素. 元素名称 说明 select 生成一个下拉列表进行选择 optgroup 对 select 元素进行编组 option select 元素中的项目 textarea 生成一个多行文本框 output 表示计算结果