表单的通用验证

最新推荐文章于 2024-02-27 17:42:42 发布

wbandzlhgod

最新推荐文章于 2024-02-27 17:42:42 发布

阅读量464

点赞数

文章标签： input function

本文链接：https://blog.csdn.net/wbandzlhgod/article/details/6657375

版权

html/js/css/div 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>表单的通用验证</title>

<script src="input_check.js" type="text/javascript"></script>
</head>

<body>
<form onSubmit='return input_check(this)'>
名称<input type=text name=a title='名称'>
名称1<input type=text name=a title='名称1'>
名称2<input type=text name=a title='名称2'>
名称3<input type=text name=a title='名称3'>
<input type=submit>
</form>
</body>
</html>
<script type="text/javascript">
/*
function input_check(form) {
   for( var i = 0; i < form.elements.length; i++) {
   var el = form.elements[i];
   if(! el.title) continue;
   el.focus();
   switch(el.type) {
   case 'text':
   case 'password':
   if(! el.value) {
   alert(el.title+' 不能为空');
   return false;
   }
   break;
   case 'checkbox':
   case 'radio':
   var msg = el.type == 'radio' ? '不能为空' : '至少选中一个';
   var k = 0;
   for( var j = 0; j < form[el.name].length; j++)
   if(form[el.name][j].checked) k++;
   if( k == 0 ) {
   alert(el.title+' '+msg);
   return false;
   }
   break;
   }
   }
   return true;
}
*/
</script>