> 웹 프론트엔드 > JS 튜토리얼 > 양식이 비어 있는지 확인하는 JavaScript 함수

양식이 비어 있는지 확인하는 JavaScript 함수

WBOY
풀어 주다: 2016-05-16 19:08:01
원래의
1077명이 탐색했습니다.

var textboxs = new Array(); // 텍스트 유형 입력 컬렉션
var radioList = new Object(); // 라디오는 특별하고 그룹별로 감지되어야 하므로 여기서는 하나를 사용합니다. Hashtable, 라디오 이름을 기준으로 모든 라디오 컬렉션을 Key
var radioes; // 각 이름에 해당하는 라디오 컬렉션
var inputs = myform.getElementsByTagName("INPUT") // 아래 양식 가져오기 모든 입력


[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]<script> function fn(myform) { var ipt; var textboxs = new Array(); // text类型的input集合 var radioList = new Object(); // radio类型的input集合,因为Radio比较特殊,要一组一组检测,所以这里用一个Hashtable,根据radio的name作为Key来保存所有的Radio集合 var radioes; // 每一个name对应的Radio集合 var inputs = myform.getElementsByTagName("INPUT"); // 取form下的所有input // 遍历所有INPUT // for (var i=0; i<inputs.length; i++) { ipt = inputs[i ]; if (ipt.type == "text") { textboxs[textboxs.length] = ipt; } // 本来只要检测radiobox的,后来要增加checkbox, //因为处理方式一样,只要这里修改一下就可以了,但是命名没有同步修改:) // else if (ipt.type == "radio" || ipt.type == "checkbox") { radioes = radioList[ipt.name]; if (!radioes) { radioes = new Array(); } radioes[radioes.length] = ipt; radioList[ipt.name] = radioes; } } // 非空检测 // for (var i=0; i<textboxs.length; i++) { var txt = textboxs[i ]; if (txt && txt.value == "") { alert("please fill:" + txt.name); txt.focus(); return false; } } // 遍历所有Radiobox组 // for (var radioboxName in radioList) { radioes = radioList[radioboxName]; var chk = false; // 是否有选中的 var radio; // 检测该组Radio是否都选中了 // for (var j=0; j<radioes.length; j++) { var radio = radioes[j]; if (radio.checked) { chk = true; break; } } if (!chk) // 没有选中的 { alert("please select: " + radioboxName); return false; } } return true; } </script>
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿