如何在使用jQuery单击submit按钮之前验证HTML下拉列表和输入字段

这是我的问题：我有三个下拉列表和两个输入字段。这是我的密码

名称：



选择类别
--挑选--
书
彭斯
养老金
橡皮擦




选择国家
--挑选--
日本
加拿大
美国
英国




数量：




选择城市
--挑选--
渥太华
瓦辛顿
奥斯汀
德克萨斯州

试试这个代码，告诉我这是否是你想要的。我会根据你的需要更换，否则

$（函数（）{
$（“#2，#3，#5”）。更改（函数（）{
var text=''；
如果（$（“#一”）.text（）=''）警报（'输入一'）；
text=$（“#2”）.find（“：selected”）.text（）；
如果（文本=='--select--'）警报（“选择两个”）；
text=$（“#三”）.find（“：selected”）.text（）；
如果（文本=='--选择--'）警报（“选择三个”）；
如果（$（“#一”）.text（）=''）警报（'enter in four'）；
text=$（“#五”）.find（“：selected”）.text（）；
如果（文本=='--选择--'）警报（“选择五”）；
});
});

名称：



选择类别
--挑选--
书
彭斯
养老金
橡皮擦




选择国家
--挑选--
日本
加拿大
美国
英国




数量：




选择城市
--挑选--
渥太华
瓦辛顿
奥斯汀
德克萨斯州




您必须使用下拉菜单的更改功能

$("#dropdownID" ).change(function() {
     //You can write validate code here...
     alert( "Handler for .change() called." );
});

您需要为每个选项使用值，例如


$（函数（）{
//绑定单击事件以进行验证
$（'btnSubmit'）。在（'click'，function（）上{
var msg=[]；
$（'input[type=“text”]，select'）。每个（函数（）{
if（this.value.trim（）.length==0）{
msg.push（'请输入值：'+此.id）；
}
});
如果（消息长度）{
警报（msg.join（“\n”））
}
});
//选择更改检查值
$（'select'）。在（'change'，function（）上{
如果（！this.value）{
警报（'请为：'+此.id选择值）；
}
});
});

姓名：






选择类别
--挑选--
书
彭斯
养老金
橡皮擦






选择国家
--挑选--
日本
加拿大
美国
英国





金额：






选择城市
--挑选--
渥太华
瓦辛顿
奥斯汀
德克萨斯州






这很好，但我想验证输入字段，但我不想在单击按钮时使用它