實用Javascript 傳值, 資料驗證, 事件觸發總結

來源:互聯網
上載者:User
javascript|資料

  實用Javascript  傳值, 資料驗證, 事件觸發總結

  1. 和JSP傳值問題:


  1)普通提交form 的資料驗證傳值

  html頁面輸入:

<form 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 頁面連結:


<a href="javascript:openwin(<%=rs.getString("article_id")%>)" title="<%=rs.getString("title")%>" />


<script>

function openwin(id){

window.open("articleShow.jsp?id="+id,"","height=450,width=550,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no");

}

</script>

傳遞的值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="" /></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)按一定格式驗證:最好是Regex這個是最好用的,而且也驗證複雜格式的時候必須的.

  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 onmouseout ="this.style.background=''; this.style.borderColor=''" >

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

    </tr>

    <tr onmouseout ="this.style.background=''; this.style.borderColor=''" >

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

    </tr>

  </table>

  </center>

</div>

  主要應用的是onmouseove,  onmouseout 事件 這個都可以在上面msdn 的連結裡找到, 我們在用javascript 驗證值的時候, 用到了onsubmit event, 而驗證日期的時候用了onchange event



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。