1)普通提交form 的数据验证传值

　　html页面输入:

<form onsubmit="return checkForm1(this);" name =”form1”>

<input…..>

</form>

Javascript 获得值并处理:

<script language=”javascript ”>

function checkForm1(text1)

｛

if(text1.name.value==””)

｛alert(“null”);

return false;

｝

return true;

｝

</script>

　　这里相当于传递一个指针过去到javascript 的function , 该指针指向form 里面的所有元素.引用的时候不用再写form1.name.value 代之以text1.name.value.当然如果非要那样写,不用传递this指针了.我倾向于传递this指针的用法.

　　2)窗口和窗口之间的传值

　　html 页面链接:

传递的值id并且打开一个新的窗口

　　2.数据验证问题

　　1)验证空值

if(from.textName.value==””)｛ alert(“must be entered”);return false;｝

　　注意是双等号,同java语法

　　2)验证数字

if(isNaN(checkText1.purchase_quantity.value))

｛

alert("請輸入採購量為數字!");

checkText1.purchase_quantity.focus();

return false;

｝

　　3)验证日期

　　注意,最好用onchange 事件在日期输入控件上,当然更好的方式是利用javascript写好的日期输入控件解决,但是多条数据的时候影响速度此种情况下不推荐.

html 输入:

<td><input type="text" name="confirm_date"  value="" onChange="return isDate(this)"/></td>

//判斷時間是否正確

function isDate(checktext)｛

var datetime;

var year,month,day;

var gone,gtwo;

if(Trim(checktext.value)!="")｛

 datetime=Trim(checktext.value);

 if(datetime.length==10)｛

  year=datetime.substring(0,4);

  if(isNaN(year)==true)｛

   alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)！");

   checktext.focus();

   return false;

  ｝

  gone=datetime.substring(4,5);

  month=datetime.substring(5,7);

  if(isNaN(month)==true)｛

   alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)！");

   checktext.focus();

   return false;

  ｝

  gtwo=datetime.substring(7,8);

  day=datetime.substring(8,10);

  if(isNaN(day)==true)｛

   alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)！");

   checktext.focus();

   return false;

  ｝

  if((gone=="-")&&(gtwo=="-"))｛

   if(month<1||month>12) ｛

    alert("月份必須在01和12之間!");

    checktext.focus();

    return false;

    ｝

   if(day<1||day>31)｛

    alert("日期必須在01和31之間!");

    checktext.focus();

    return false;

   ｝else｛

    if(month==2)｛ 

     if(isLeapYear(year)&&day>29)｛

       alert("二月份日期必須在01到29之間!");

       checktext.focus();

       return false;

     ｝      

     if(!isLeapYear(year)&&day>28)｛

       alert("二月份日期必須在01到28之間!");

       checktext.focus();

       return false;

     ｝

    ｝

    if((month==4||month==6||month==9||month==11)&&(day>30))｛

     alert("在四，六，九，十一月份 \n日期必須在01到30之間!");

     checktext.focus();

     return false;

    ｝

   ｝

  ｝else｛

   alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)");

   checktext.focus();

   return false;

  ｝

 ｝else｛

  alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)");

  checktext.focus();

  return false;

 ｝

｝else｛

 return true;

｝

return true;

｝

这样的话正常用户输入的时候就会验证比较好用.

4)验证字母等

if(document.f1.dep.value!="ab")

// null 是否为空 判断num 数字ab 字母chs 汉字bit 位数

｛

alert("Sorry, 請輸入部門名稱為漢字!")

document.f1.dep.focus()

return false

｝

｝

　　不过这种方法好像不好用

　　5)按一定格式验证:最好是正则表达式这个是最好用的,而且也验证复杂格式的时候必须的.

　　3. 事件触发

 MSDN Home >  MSDN Library >  Web Development >  HTML and CSS >  HTML and DHTML Reference >  Events  dhtml 的所有事件

注意以上路径需是通过英文版本的msdn进入!

最后附加一个关于当选中(鼠标点击一行的时候)背景颜色改变的例子:

<div align="center">

  <center>

  <table border="1" width="400" cellspacing="0" cellpadding="0">

    <tr onmouseover="this.style.background="#222"; " onmouseout ="this.style.background=""; this.style.borderColor=""" >

      <td width="300">　</td>

    </tr>

    <tr onmouseover="this.style.background="#222"; " onmouseout ="this.style.background=""; this.style.borderColor=""" >

      <td width="300">　</td>

    </tr>

  </table>

  </center>

</div>

　　主要应用的是onmouseove,  onmouseout 事件 这个都可以在上面msdn 的链接里找到, 我们在用javascript 验证值的时候, 用到了onsubmit event, 而验证日期的时候用了onchange event