生活随笔
收集整理的這篇文章主要介紹了
检查表单元素的值是否为空
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在JavaScript中通過循環(huán)form對象的elements屬性來實現(xiàn),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++){ //循環(huán)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>留言內(nèi)容:</td><td><textarea rows="8" cols="45" id="messageContent" title="留言內(nèi)容"></textarea></td></tr><tr><td align="center" colspan="2"><input type="button" value="提 交" onclick="check()"></td></tr></table></form></fieldset></body>
</html>
《新程序員》:云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀
總結(jié)
以上是生活随笔為你收集整理的检查表单元素的值是否为空的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。