BS开发中常用的javascript技术（整理加精）之表单验证类

onblur:失去焦点，onclick：点击，onchange：值变化
1、 所有的表单的值都不能为空
<input name="txtTest" value="测试"  οnblur="if(this.value.replace(/^/s+|/s+$/g,'')==''){alert('不能为空!');this.focus();}">
或者
<input name="txtTest" value="测试"  οnblur="if(this.value.length==0){alert('不能为空!');this.focus();}">

2、 多行文本框的值不能为空。
<textarea name="txtTest"  οnblur="if(this.value.replace(/^/s+|/s+$/g,'')==''){alert('不能为空!');this.focus();}">测试</textarea>
或者
<textarea name="txtTest" value="测试"  οnblur="if(this.value.length==0){alert('不能为空!');this.focus();}"> 测试</textarea>

3、 多行文本框的值不能超过sMaxStrleng
<textarea name="txtTest"  οnblur="if(this.value.length>10){alert('多行文本框的值不能超过10!');this.focus();}">测试10个字长度</textarea>

4、 多行文本框的值不能少于sMixStrleng
<textarea name="txtTest"  οnblur="if(this.value.length<10){alert('多行文本框的值不能少于10!');this.focus();}">测试10个字长度</textarea>

5、 判断单选框是否选择。
<input type="radio"  name="txtTest" value="txtTest" checked οnblur="if(this.checked)alert('已选择!');">
<input type="radio"  name="txtTest" value="test">

6、 判断复选框是否选择.
<input type="checkbox"  name="txtTest" value="txtTest" checked οnblur="if(this.checked){alert('已选择!');}else{alert('未选择!');}">

7、 复选框的全选，多选，全不选，反选
<SCRIPT LANGUAGE="javascript">
<!--
function checkAll(str)
{
 var a = document.getElementsByName(str);
 var n = a.length;
 for (var i=0; i<n; i++)
  a[i].checked = window.event.srcElement.checked;
}

function checkItem(str)
{
 var e = window.event.srcElement;
 var all = eval("document.formTest."+ str);
 if (e.checked)
 {
  var a = document.getElementsByName(e.name);  
  all.checked = true;
  for (var i=0; i<a.length; i++)
  {
   if (!a[i].checked)
   {
    all.checked = false;
    break;
   }
  }
 }
 else
  all.checked = false;
}

function checkOther(str)
{
 var a = document.getElementsByName(str);
 var n = a.length;
 for (var i=0; i<n; i++)
  a[i].checked = !a[i].checked;
}

function checkItemOther(str)
{
 var e = window.event.srcElement;
 var all = eval("document.formTest."+ str);
 all.checked=false;
}

//-->
</SCRIPT>

引用：
<input type=checkbox name=All οnclick="checkAll('mm')">全选<br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/><br/>

<input type=checkbox name=All2 οnclick="checkOther('mm2')">反选<br/>
<input type=checkbox name=mm2 οnclick="checkItemOther('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItemOther('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItemOther('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItemOther('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItemOther('All2')"><br/>

8、 文件上传过程中判断文件类型
<input type=file οnchange="alert('格式为：' + this.value.match(/^(.*)(/.)(.{1,8})$/)[3])">