Question

asp下拉菜单和输入框 怎么设置为必填，选 ！

<SELECT id=select2 name=w2>
<OPTION value=请选择提示问题 selected>请选择提示问题</OPTION>
<OPTION value=您的出生地是？>您的出生地是？</OPTION> <OPTION
value=您高中班主任的名字是？>您高中班主任的名字是？</OPTION> <OPTION
value=您小学班主任的名字是？>您小学班主任的名字是？</OPTION></SELECT> </LI>
<LI>
<BLOCKQUOTE>答案：</BLOCKQUOTE><INPUT class=ipt_text id=txtAnswer2
onblur=dnaAnswerBlurHandler(this); name=dn2><font color="#FF0000">*</font><SPAN id=divDnaTip2></SPAN>
</LI>

要求， 用户没有选择菜单， 或没有输入答案 弹出提示框！

Answer 1

加入下面这段
=================================
<script>
function Form1_Validator(theForm)
{

if (theForm.w2.selectedIndex < 0)
{
alert("请选择提示问题");
theForm.w2.focus();
return (false);
}

if (theForm.w2.selectedIndex == 0)
{
alert("请选择提示问题");
theForm.w2.focus();
return (false);
}

if (theForm.dn2.value == "")
{
alert("请填写答案");
theForm.dn2.focus();
return (false);
}
}
</script>
=================================================================
还有form这行这样写

<form method="POST" action="input1.asp" name="form1" onsubmit="return Form1_Validator(this)" language="JavaScript">

Answer 2

jquery 客户端验证
<script type="text/javascript" language="javascript" src="../../../Script/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=提交按钮Id.ClientID%>").click(function () {
var itemOne = $("#<%=下拉框1Id.ClientID%> option:selected").val();
var itemTwo = $("#<%=下拉框2Id.ClientID%> option:selected").val();
var problemText = $("#<%=文本框1Id.ClientID%>").attr("value");
var personText = $("#<%=文本框2Id.ClientID%>").attr("value");
if (itemOne == "All") {
alert("下拉框1未选择");
return false;
}
if (itemTwo == "All") {
alert("下拉框2未选择");
return false;
}
if (problemText == "") {
alert("文本框1未填写");
$("#<%=txtProblem.ClientID%>").focus().select();
return false;
}
if (personText == "") {
alert("文本框2未填写");
$("#<%=txtDutyPerson.ClientID%>").focus().select();
return false;
}
});
</script>

Answer 3

看上面的已经有相应的触发事件dnaAnswerBlurHandler()，这个函数在文本框失去焦点是执行
在这个函数里判断就行了
function dnaAnswerBlurHandler(obj){
var sel=document.getElementById("select2");
if(sel.selectedIndex==0){
alert("请选择提示问题");
}else{
if(obj.value==""){
alert("请输入问题答案");
}
}
}

如果需要，还可以在外层form增加提交校验，道理相同

Answer 4

这里有一个多级联动下拉select菜单
还可以自己设置默认显示值
里面有代码可以参考