js Form.elements[i]的使用实例

代码如下:

//检查表单元素是否为空
function check(Form)
{
for (i=0;i<Form.length;i++){
if(Form.elements[i].value == "")
{
//Form的属性elements的首字e要小写
alert(Form.elements[i].name + "不能为空!");
Form.elements[i].focus();
//指定表单元素获得焦点
return;
}
}
Form.submit();
}
调用
<form name="form1" method="post" action="">
留 言 人：<input type="text" name="mname" size="20">
留言主题：<input type="text" name="mtext" size="66">
留言内容：<textarea name="mnote" cols="64" rows="10" class="wenbenkuang"></textarea>
<input name="Button" type="button" class="btn_grey" value="提交"
onClick="check(form1)">
<input name="Submit2" type="reset" class="btn_grey" value="重置">
</form>

赞 (0)

相关推荐

  • js Form.elements[i]的使用实例

    复制代码 代码如下: //检查表单元素是否为空 function check(Form) { for (i=0;i<Form.length;i++){ if(Form.elements[i].value == "") { //Form的属性elements的首字e要小写 alert(Form.elements[i].name + "不能为空!"); Form.elements[i].focus(); //指定表单元素获得焦点 return; } } Form.

  • js form表单input框限制20个字符，10个汉字代码实例

    直接粘贴到html文件便可看到效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-widt

  • JS多文件上传的实例代码

    废话不多说了,具体实现代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="./jquery-1.9.1.min.js"></script> </head> <body> <fo

  • JS一个简单的注册页面实例

    如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script> // $(function(){ // $("input[na

  • js 获取radio按钮值的实例

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

  • 表单元素值获取方式js及java方式的简单实例

    大家都知道我们在提交form的时候用了多种input表单.可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的.有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢? 多说无用.上代码: Jsp-html代码:  <form action="input.do" name="formkk"> <table>

  • 基于JS实现前端压缩上传图片的实例代码

    具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前端压缩上传图片</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> </head> <body>

  • js 只比较时间大小的实例

    实例如下: <script> ///比较函数 function compareTime(date1, date2) { var d1_year, d1_month, d1_day, d1, time_span1, d2_year, d2_month, d2_day, d2, time_span2; d1_year = date1.getFullYear(); d1_month = date1.getMonth() + 1; d1_day = date1.getDate(); d1 = new

  • 使用 Vue.js 仿百度搜索框的实例代码

    整理文档,搜刮出一个使用 Vue.js 仿百度搜索框的实例代码,稍微整理精简一下做下分享. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue demo</title> <style type="text/css"> .bg { background: #ccc; } </style> <s

  • 浅析JS获取url中的参数实例代码

    js获取url中的参数代码如下所示,代码简单易懂,附有注释,写的不好还请见谅! function UrlSearch() { var name, value; var str = location.href; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&&

随机推荐