检查表单元素的值是否为空

在JavaScript中通过循环form对象的elements属性来实现，form.elements[0]表示表单第一个元素，form.elements[1]表示表单的第二个元素

在javascript中，form表单对象的elements属性的value属性表示指定元素的值，name属性表示指定表单元素的名称，title属性表示表单元素的标题

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>检查表单元素的值是否为空</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><script language="javascript"> function check(){var myform = document.getElementById("myform");        //获得form表单对象for(var i=0;i<myform.length;i++){     //循环form表单if(myform.elements[i].value==""){ //判断每一个元素是否为空alert(myform.elements[i].title+"不能为空！");myform.elements[i].focus();      //元素获得焦点return ;}}myform.submit();}</script><style type="text/css">table{font-size: 13px;font-family: 楷体;color:navy;}input{font-size: 13px;font-family: 楷体;color:navy;}font{font-size: 12px;font-family: 楷体;color:orangered;}.style1{width: 500;height: 300;}</style></head><body><fieldset class="style1"><legend>留言薄</legend><form action="" id="myform"><table align="center"><tr><td>留言人：</td><td><input type="text" name="messageUser" id="messageUser" title="留言人">           </td></tr><tr><td>留言标题：</td><td><input type="text" name="messageTitle" id="messageTitle" title="留言标题">             </td></tr><tr><td>留言内容：</td><td><textarea rows="8" cols="45" id="messageContent" title="留言内容"></textarea></td></tr><tr><td align="center" colspan="2"><input type="button" value="提 交" onclick="check()"></td></tr></table></form></fieldset></body>
</html>

检查表单元素的值是否为空相关推荐

jQuery 学习-样式篇（六）：jQuery 获取和设置表单元素的值
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
v-for 循环生成多个表单元素给动态生成的表单元素绑定值并且添加校验规则
需求:点击新增按钮能不断生成下级部门,所以我再data中定义了一个变量空数组 subordinateDepartmentNum:[] 默认值设置为[] 给增加按钮添加点击事件每点击一次按钮 s ...
react中使用非受控组件获取表单元素的值
class Hello extends React.Component{constructor(){super() 利用react提供的React.createRef()this.ref=React. ...
Django model.py表单设置默认值允许为空
blank=True 默认值为blank=Flase,表示默认不允许为空, blank=True admin级别可以为空 null=True 默认值为null=Flase,表示默认不允许为空 nu ...
php获取表单元素的值,PHP如何获取表单提交的数据
PHP如何获取表单提交的数据 1.超全局数组变量:$_GET[] 描述:获取表单 method = "get" 提交的数据举例:$username = $_GET["u ...
Vant-UI 表单组件（Field组件）：验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...
前端：HTML/06/表单，表单元素（单行文本域，单行密码域，单选按钮，复选框，下拉列表，文本区域，上传文件域，各种按钮，隐藏域，lt;caption表格标题）
表单<form>(块元素) 表单的概念:表单主要用来获取用户数据(信息),如:注册表单, 查询表单,登录表单. 表单的工作原理: 浏览有表单的网页,填写一些必要的信息,然后点击某个按钮进行 ...
html5表单实例元素,HTML5新表单元素的图文实例-
这一篇介绍html5新增的表单元素和表单属性. 首先先说一个html5中表单新增的一个功能,在我们之前的html中,表单元素必须放在form元素所包含的里面,在html5中,可以把他们写在页面上的任何 ...

检查表单元素的值是否为空

检查表单元素的值是否为空相关推荐

最新文章

热门文章