【急】如何验证SELECT BOX?

hui_wooi · 发表于 23-1-2007 05:45 PM

我建议你把checking function分开来。
每个element，用不同的function来validate。
这样就不会乱了。

sotsot82 · 发表于 23-1-2007 05:54 PM

<select name='package' id='package'>
<option>Package A</option>
<option>Package B</option>
</select>
<input name="option1" type="checkbox" value="RM10" onblur="validate()">
<input name="option2" type="checkbox" value="RM20" onblur="validate()">
<script>
function validate()
{
var doc = document.str;
if (document.getElementById("package".options[package.selectedIndex].text=="package B"
{
document.getElementById('myAnchor').innerHTML="<input type="checkbox" value="RM10"><br><input name="option2" type="checkbox" value="RM20">"
}
return true
}
</script>

复制代码

这样吗？

hui_wooi · 发表于 23-1-2007 06:04 PM

<script>
function addCheckBox()
{
if (document.getElementById("package").options[package.selectedIndex].text=="Package B")
{
document.getElementById('myAnchor').innerHTML="<input type="checkbox" value="RM10"><br><input name="option2" type="checkbox" value="RM20">"
}
}
</script>
<select name='package' id='package' onchange='addCheckBox()'>
<option>Package A</option>
<option>Package B</option>
</select>

复制代码

sotsot82 · 发表于 23-1-2007 06:21 PM

我的这两行不用了吗？<input name="option1" type="checkbox" value="RM10">
<input name="option2" type="checkbox" value="RM20">

sotsot82 · 发表于 23-1-2007 06:23 PM

还是一样验证不到

hui_wooi · 发表于 23-1-2007 07:00 PM

你到底要验证什么？

blue333 · 发表于 24-1-2007 06:18 AM

不要哭，看这是不是你要的。;P

<html>
<head>
<meta http-equiv="Content-Type" c />
<title></title>
<script type="text/javascript">function checkItem(){
if(document.all['item'].options[document.all['item'].selectedIndex].value=="A"){
  var deleteSpot=document.getElementById("hd");
  deleteSpot.removeNode(true);
  }else if(document.all['item'].options[document.all['item'].selectedIndex].value=="B"){
  document.all['hd1'].appendChild(document.createElement("<div id=\"hd\">"));
  hd.innerHTML="<p>$10 <input type=\"checkbox\" id=\"check\" name=\"check[]\" value=\"10\">";
  hd.innerHTML+="$20 <input type=\"checkbox\" id=\"check\" name=\"check[]\" value=\"20\">";
  }
}</script>
</head>
<body>
<form id="form1" name="form1" method="POST" action="">
<select name="item" id="item" >
<option value="A">item A</option>
<option value="B">item B</option>
</select>
<div id="hd1"></div>
<br><input type="submit" id="bt" name="bt" value="submit">
</form>
</body>
</html>

[[i] 本帖最后由 blue333 于 24-1-2007 06:26 AM 编辑 [/i]]

sotsot82 · 发表于 24-1-2007 09:05 AM

SELECT BOX 拥有两个选择，第一是PACKAGE A 第二是PACKAGE B

如果用户选择PACKAGE A的话，就不用选择以下的CHECKBOX，如果用户选择PACKAGE B一定要选择以下的CHECKBOX，然后我要验证用户选择PACKAGE B时是否有选择以下的其中一个CHECKBOX。

goatstudio · 发表于 24-1-2007 11:21 AM

试试看

<script language="javascript">
function validate () {
  var valid = true;

  if (!(valid = !(document.forms[0].form_package[document.forms[0].form_package.selectedIndex].value == "B"))) {
for (var x = 0; x < document.forms[0].form_fees.length; x++) {
if (document.forms[0].form_fees[x].checked) {
   valid = true;
   break;
}
}
  }

  if (!valid) alert ("Please select Fees Method");

  return valid;
}
</script>
<body>
<form name="form1" method="post" action="">
  <p>Package:
<select name="form_package" id="form_package">
   <option value="A">Package A</option>
   <option value="B">Package B</option>
</select>
  </p>
  <p>Fees Method:
<input name="form_fees" type="checkbox" id="form_fees" value="10">
RM 10
<input name="form_fees" type="checkbox" id="form_fees" value="20">
rm 20 </p>
  <p>
<input type="submit" name="Submit" value="Submit" >
  </p>
</form>

blue333 · 发表于 24-1-2007 12:42 PM

终于明白你要的是什麽。

是我想太多了。

再下面on Click 改正不要空格就可以了。

<html>
<head>
<meta http-equiv="Content-Type" c />
<title></title>
<script type="text/javascript">
function checkItembox(){
var check_checked="no";
if(document.all['item'].options[document.all['item'].selectedIndex].value=="B"){
  for(i=0;i<document.form1.elements.length;i++){
if(document.form1.elements.name=='checked[]' && document.form1.elements.checked==true){
check_checked="yes";
break;
}
}
  if(check_checked=="no"){
alert("Please checked the checkbox");
return false;
}
  }
}
</script>
</head>
<body>
<form id="form1" name="form1" method="POST" action="">
<select name="item" id="item">
<option value="A">item A</option>
<option value="B">item B</option>
</select>
$10 <input type="checkbox" name="checked[]" value="10">
$20 <input type="checkbox" name="checked[]" value="20">
<br><input on Click="return checkItembox()" type="submit" value="submit">
</form>
</body>
</html>

[ 本帖最后由 blue333 于 24-1-2007 12:57 PM 编辑 ]

sotsot82 · 发表于 24-1-2007 03:39 PM

如果我有一个FUNCTION了，现在这个FUNCTION又要怎样呢？

function checking()
<INPUT TYPE=SUBMIT VALUE="Submit" onclick="return checking();">

复制代码

function checkItembox（〕
<input on Click="return checkItembox()" type="submit" value="submit">

复制代码

要怎样合拼？

goatstudio · 发表于 24-1-2007 05:25 PM

原帖由 sotsot82 于 24-1-2007 03:39 PM 发表
如果我有一个FUNCTION了，现在这个FUNCTION又要怎样呢？

function checking()

<INPUT TYPE=SUBMIT VALUE="Submit" >

function ...

你可以把其中一个 function 放在一个 function 里嘛.

sotsot82 · 发表于 24-1-2007 05:31 PM

你可以把其中一个 function 放在一个 function 里嘛？？

function 放在一个 function 里，导致有点错误～

blue333 · 发表于 24-1-2007 08:21 PM

不是很明白你要什麽，你的疑难还还未解决吗？

		自动登录	找回密码
密码			注册

【急】如何验证SELECT BOX?

所属分类: 电脑手机

浏览过的版块