通過下拉框的值來確定輸入框是否可以為空的代碼
更新時間：2011年10月18日 10:40:33 作者：
本節(jié)只是為了做一個記載，實現(xiàn)一個簡單的驗證是否需要預占下來框有是和否兩個值，當選擇“是”時，資源預占原因輸入框必須輸入值，否則不能跳轉(zhuǎn)，當選“否”時，不需要驗證資源預占原因輸入框
有兩個文件a.html和b.html，a.html 即下面的代碼，b.html只是為了驗證通過時候一個跳轉(zhuǎn)頁面，不做任何代碼編寫
因為a.html用的是相對路徑，所以要想程序能正常運行，b.html文件必須和a.html放在同一個目錄下。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
function verify(){
var isNeed=document.getElementById("isNeed").value;
if(isNeed==1){
var reason=document.getElementById("reason").value;
if(reason==""||reason==null){
alert("預占資源原因不能為空");
}else{
window.location.href("a.html");
}
}else{
window.location.href("b.html");
}
}
</script>
<body>
是否需要預占資源
<select id="isNeed">
<option value="1">是</option><!--通過getElementById()的方法來取到下拉框的值，所以 必須有個id，name可以不要-->
<option value="0" selected>否</option>
</select>
<input type="text" id="reason"/>
<input type="button" value="提交" onclick="verify()"/>
</body>
</html>
因為a.html用的是相對路徑，所以要想程序能正常運行，b.html文件必須和a.html放在同一個目錄下。
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
function verify(){
var isNeed=document.getElementById("isNeed").value;
if(isNeed==1){
var reason=document.getElementById("reason").value;
if(reason==""||reason==null){
alert("預占資源原因不能為空");
}else{
window.location.href("a.html");
}
}else{
window.location.href("b.html");
}
}
</script>
<body>
是否需要預占資源
<select id="isNeed">
<option value="1">是</option><!--通過getElementById()的方法來取到下拉框的值，所以 必須有個id，name可以不要-->
<option value="0" selected>否</option>
</select>
<input type="text" id="reason"/>
<input type="button" value="提交" onclick="verify()"/>
</body>
</html>
相關(guān)文章
表單提交驗證類...2006-07-07
下拉菜單...2006-07-07
一直復略了的一個問題，關(guān)于表單重復提交...2007-02-02
會自動逐行上升的文本框...2006-06-06
原理及是根據(jù)輸入字符的類別，是字母，還是數(shù)字，大小寫等判斷，代碼 比較精簡，大家可以研究下。2009-01-01
textarea是否自動換行...2006-07-07
用Javscript實現(xiàn)表單復選框的全選功能...2007-05-05
這篇文章主要分享一段js圖片不間斷滾動的代碼,蠻優(yōu)秀的,需要的朋友可以參考下。2016-06-06
多級checkbox選擇效果,具體的效果可以看下面的圖，有需要的朋友可以參考下。2009-08-08
用JavaScript頁面不刷新時全選擇，全刪除（GridView）
其中的ctl00_MainContent_grvDevelopKit是在后臺代碼中的<table>中的。2009-04-04