得到form下的所有的input的js代码_javascript技巧

使用form 的集合对象elements,从而得到value

复制代码 代码如下:

var form = document.getElementById("dateform");
var a = form.elements.length;//所有的控件个数
for (var j=0;j<a;j++){
if(form.elements[j].className == "text"){//class="text"的控件
if(form.elements[j].value=="" || form.elements[j].value==null){
alert("不能为空");
form.elements[j].focus();
return false;
}
}
}

时间: 2024-10-31 12:20:44

得到form下的所有的input的js代码_javascript技巧的相关文章

按下Enter焦点移至下一个控件的实现js代码_javascript技巧

复制代码 代码如下: <html> <head> <title>Enter2Tab</title> <script type="text/javascript"> window.onload=function(){ var list = new Array(); for(var i=5;i<document.all.length;i++) { if(document.all[i].type=="text&quo

顶部缓冲下拉菜单导航特效的JS代码_javascript技巧

复制代码 代码如下: <script type="text/javascript">            $(function() {                var d=300;                $('#navigation a').each(function(){                    $(this).stop().animate({                        'marginTop':'-80px'       

javascript获取form里的表单元素的示例代码_javascript技巧

//获取form对象 var form=document.getElementById('my_form'); //用户名input对象 user_name是对象的name属性 var userName=form.user_name; //用户名清空 userName.value=''; //用户密码input对象 password是对象的name属性 var password=form.password; //用户密码清空 password.value=";

js实现Form栏显示全格式时间时钟效果代码_javascript技巧

本文实例讲述了js实现Form栏显示全格式时间时钟效果代码.分享给大家供大家参考.具体如下: 这里演示的Form栏特效时钟,显示全日期格式的时间日期效果,可显示星期几.几月几号,以往都是直接显示在网页中,而本代码是将时间显示在表单的文本框中,看一下代码就明白了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-form-input-showtime-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3

常用限制input的方法的js代码_javascript技巧

1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到下一个输入框 5.只能为中文(有闪动) 6.只能为数字(有闪动) 7.只能为数字(无闪动) 8.只能输入英文和数字(有闪动) 9.屏蔽输入法 10. 只能输入 数字,小数点,减号(-) 字符(无闪动) 11. 只能输入两位小数,三

js自动查找select下拉的菜单并选择(示例代码)_javascript技巧

复制代码 代码如下: function find_select(name){ var select = document.getElementsByName(name); var find_str = document.getElementById('to_find_str').value; if(select) {  select = select[0];  var child = select.childNodes;  var can=false,text='',len=child.leng

各情景下元素宽高的获取实现代码_javascript技巧

情景一,元素style属性设置了width/height 复制代码 代码如下: <div style="width:100px;">test<div> <script> var div = document.getElementsByTagName('div')[0]; alert(div.style.width); </script> 如上,使用el.style.width即可.如果没有在style属性中设置width,那么使用el.s

下拉菜单点击实现连接跳转功能的js代码_javascript技巧

1.js代码 复制代码 代码如下: <!-- function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } --> 2.使用 复制代码 代码如下: <p class="yq">校

javascript下判断一个元素是否存在的代码_javascript技巧

1. 判断表单元素是否存在(一) 复制代码 代码如下: if("periodPerMonth" in document.theForm) { return true; } else{ return false; } 2. 判断页面元素是否存在 复制代码 代码如下: if(document.getElementById("XXX")) { //存在 } 3. 判断表单元素是否存在(二) 复制代码 代码如下: if(document.theForm.periodPerM