Javascript HTML&;select标记的JS验证

Javascript HTML&;select标记的JS验证,javascript,html,Javascript,Html,是否可以知道用户是否单击了选择列表 应验证此图像中的选择列表 我需要使用Javascript有这个错误消息功能的选择列表和验证的选择列表,需要填写。任何人都可以帮助我,我非常感激 这是下面的代码 功能验证(此表单){ //fName的验证 if(!thisForm.fname.value.length) { document.getElementById('fname-error').style.display=“block”; } 其他的 { document.getElementById

是否可以知道用户是否单击了选择列表 应验证此图像中的选择列表

我需要使用Javascript有这个错误消息功能的选择列表和验证的选择列表,需要填写。任何人都可以帮助我,我非常感激

这是下面的代码

功能验证(此表单){
//fName的验证
if(!thisForm.fname.value.length)
{
document.getElementById('fname-error').style.display=“block”;
}
其他的
{
document.getElementById('fname-error').style.display=“无”;
}
//lName的验证
if(!thisForm.lname.value.length)//如果lname没有输入
{
document.getElementById('lname-error').style.display=“block”;
}
其他的
{
document.getElementById('lname-error').style.display=“无”;
}
if(!thisForm.address.value.length)
{
document.getElementById('address-error').style.display=“inline block”;
}
其他的
{
document.getElementById('address-error').style.display=“无”;
}
var patt=/[^0-9A-Za-z\s/-]+/g;//无效输入字符集的集合
var addr=thisForm.address.value;
如果(部分测试(加法)=真)
{//我们找到了一个验证
document.getElementById('address-error').style.display=“无”;
}
其他的
{
document.getElementById('address-error').style.display=“inline block”;
}
if(!thisForm.dob.value.length)
{
document.getElementById('dob-error').style.display=“内联块”;
}
其他的
{
document.getElementById('dob-error').style.display=“无”;
}
如果(!thisForm.fname.value.length | | |!thisForm.lname.value.length | |!thisForm.address.value.length | |!thisForm.dob.value.length)
{
返回错误
}
返回true;
}
。错误消息{
显示:无;
颜色:红色;
边框:1px实心;
宽度:120px;
左边距:10px;
}

应用程序名称
名字
名字是必需的
姓
姓是必需的
地址行1
地址错误

您只需检查
选择
,查看所选的
选项是否有任何值。如果没有值,我们将抛出
错误
,否则我们将继续

编辑:当您突出显示您不想使用必需的属性时,我已更新了答案,仅使用
Java脚本进行验证

现场演示:

功能验证(此表单){
//fName的验证
if(!thisForm.fname.value.length){
document.getElementById('fname-error').style.display=“block”;
}否则{
document.getElementById('fname-error').style.display=“无”;
}
//lName的验证
if(!thisForm.lname.value.length)//如果lname没有输入
{
document.getElementById('lname-error').style.display=“block”;
}否则{
document.getElementById('lname-error').style.display=“无”;
}
if(!thisForm.address.value.length){
document.getElementById('address-error').style.display=“内联块”;
}否则{
document.getElementById('address-error').style.display=“无”;
}
var patt=/[^0-9A-Za-z\s/-]+/g;//无效输入字符集的集合
var addr=thisForm.address.value;
如果(patt.test(addr)==true){//我们发现了一个验证
document.getElementById('address-error').style.display=“无”;
}否则{
document.getElementById('address-error').style.display=“内联块”;
}
if(!thisForm.dob.value.length){
document.getElementById('dob-error').style.display=“内联块”;
}否则{
document.getElementById('dob-error').style.display=“无”;
}
if(thisForm.state.value==''){
document.getElementById('state-error').style.display=“内联块”;
}否则{
document.getElementById('state-error').style.display=“无”;
}
如果(!thisForm.fname.value.length | | |!thisForm.lname.value.length | |!thisForm.address.value.length | |!thisForm.dob.value.length){
返回错误
}
返回true;
}
。错误消息{
显示:无;
颜色:红色;
边框:1px实心;
宽度:120px;
左边距:10px;
}

应用程序名称
名字
名字是必需的
姓
姓是必需的
地址行1
地址错误
多巴哥
dob误差
陈述
请选择
新南威尔士州
昆士兰
表演
沙特阿拉伯
华盛顿州
维克
新界
助教
状态错误

为什么不使用required?示例:
@tonychen看到我的答案了吗?所有答案都与JS一起使用。