Javascript jQuery如果未选择select,则添加错误

Javascript jQuery如果未选择select,则添加错误,javascript,jquery,Javascript,Jquery,我试图通过添加一条错误消息来强制执行和job字段 不知道我是否必须使他们也禁用,以正确地做这件事 我的if语句不适用于这两个字段 红色的错误消息不显示 var maleFemale=''; $('#submitBtn')。单击(函数(){ var错误=错误; 如果(男性女性=“”){ 错误=正确; $('#areYou').css('color','#F00'); }否则{ $('areYou').css('color','areYou'); } 如果($(“#twitterInput”)

我试图通过添加一条错误消息来强制执行
和job
字段

不知道我是否必须使他们也禁用,以正确地做这件事

  • 我的if语句不适用于这两个字段
  • 红色的错误消息不显示
var maleFemale='';
$('#submitBtn')。单击(函数(){
var错误=错误;
如果(男性女性=“”){
错误=正确;
$('#areYou').css('color','#F00');
}否则{
$('areYou').css('color','areYou');
}
如果($(“#twitterInput”).val()=''twitterInput”).val()=''@yourname'.$(''#twitterInput”).val()=''@')){
错误=正确;
$('enterTwitterHandle').css('color','F00');
}否则{
$('enterTwitterHandle').css('color','000');
}
如果($('#作业类别选项:选定')。长度==0){
警报(“未选择任何内容”);
$('#enterCategory').css('color','#F00');
}否则{
$(“#enterCategory”).css('color','#000');
}
如果($(“#行业选项:选定”)。长度==0{
警报(“未选择任何内容”);
$('enterIndustry').css('color','F00');
}否则{
$(“#enterIndustry”).css('color','#000');
}
如果(!错误){
$('body').addClass('submitted');
}
});
#提交tn{
边框:1px纯红;
}

你是不是

转换'id='maleBtn'>男性

变换'id='femaleBtn'>女性

输入一个Twitter句柄

选择您的工作类别

工作类别 信息技术 财务 人力资源 营销 安全 开发商 其他

选择您的行业

行业 零售业 旅游与运输 电信/媒体 银行业务 卫生与政府 能源与公用事业

发现您的AI id

如果您更改:

if ($('#jobCategory option:selected').length == 0) {

这应该行得通

原来的一个查找长度
==“12”
(不是0),因为选项中的文本是12个字符长的“作业类别”

新的将搜索值,该值仅在
工作类别
,基本上没有选择

工作示例:

var maleFemale='';
$('#submitBtn')。单击(函数(){
var错误=错误;
如果(男性女性=“”){
错误=正确;
$('#areYou').css('color','#F00');
}否则{
$('areYou').css('color','areYou');
}
如果($(“#twitterInput”).val()=''twitterInput”).val()=''@yourname'.$(''#twitterInput”).val()=''@')){
错误=正确;
$('enterTwitterHandle').css('color','F00');
}否则{
$('enterTwitterHandle').css('color','000');
}
if($('#作业类别选项:选中')。val()=''){
警报(“未选择任何内容”);
$('#enterCategory').css('color','#F00');
}否则{
$(“#enterCategory”).css('color','#000');
}
如果($(“#行业选项:选中”).val()=''){
警报(“未选择任何内容”);
$('enterIndustry').css('color','F00');
}否则{
$(“#enterIndustry”).css('color','#000');
}
如果(!错误){
$('body').addClass('submitted');
}
});
#提交tn{
边框:1px纯红;
}

你是不是

转换'id='maleBtn'>男性

变换'id='femaleBtn'>女性

输入一个Twitter句柄

选择您的工作类别

工作类别 信息技术 财务 人力资源 营销 安全 开发商 其他

选择您的行业

行业 零售业 旅游与运输 电信/媒体 银行业务 卫生与政府 能源与公用事业

发现您的AI id

如果您更改:

if ($('#jobCategory option:selected').length == 0) {

这应该行得通

原来的一个查找长度
==“12”
(不是0),因为选项中的文本是12个字符长的“作业类别”

新的将搜索值,该值仅在
工作类别
,基本上没有选择

工作示例:

var maleFemale='';
$('#submitBtn')。单击(函数(){
var错误=错误;
如果(男性女性=“”){
错误=正确;
$('#areYou').css('color','#F00');
}否则{
$('areYou').css('color','areYou');
}
如果($(“#twitterInput”).val()=''twitterInput”).val()=''@yourname'.$(''#twitterInput”).val()=''@')){
错误=正确;
$('enterTwitterHandle').css('color','F00');
}否则{
$('enterTwitterHandle').css('color','000');
}
if($('#作业类别选项:选中')。val()=''){
警报(“未选择任何内容”);
$('#enterCategory').css('color','#F00');
}否则{
$(“#enterCategory”).css('color','#000');
}
如果($(“#行业选项:选中”).val()=''){
警报(“未选择任何内容”);
$('enterIndustry').css('color','F00');
}否则{
$(“#enterIndustry”).css('color','#000');
}
如果(!错误){
$('body').addClass('submitted');
}
});
#提交tn{
边框:1px纯红;
}

你是不是

转换'id='maleBtn'>男性

变换'id='femaleBtn'>女性

输入一个Twitter句柄

选择您的工作类别

工作类别 信息技术 财务 人力资源 营销 安全 开发商 其他

选择您的行业

行业 零售业 旅游与运输 电信/媒体 银行业务 堆
if ($('#industry option:selected').length == 0)
if ($('#industry option:selected').val() == '')