单选按钮和下拉验证

时间:2014-07-23 14:17:09

标签: jquery

我要做的是,在点击保存按钮时,如果用户选择了任何缺失的单选按钮但没有选择下拉选项,则需要显示警告消息。

我尝试了两种方法。首先是这种方式

if ($(".missing input[type:radio]:checked").length > 0 && $(".reason").val() == "")
  { 
   alert("You have not selected a reason from the drop down list of the Missing section.");
  return false;
  }

第二种方法 - 通过识别textarea中的文本。如果它包含~CM ~~则显示警告

if ("ta:contains(~CM~~).length>0")
{
alert("Missing radio has been selected but nothing in the drop down has been selected");
}

我已经注释了小提琴中的代码,并且觉得使用任何方法。

JSFIDDLE

1 个答案:

答案 0 :(得分:1)

首先,使用<table>来设计您的网站不是一个好方法,因为抓取工具无法从您的网络获取任何信息。即使是这个问题,我添加了虚拟类你的<tr>有那些单选按钮..

将您的2种方法改为:

//for checking the combobox
$('.selection').each(function(){
    if($(this).find(".missing input").attr("checked") == "checked" && $(this).find(".reason").val() == ""){
        alert("You have not selected a reason from the drop down list of the Missing section.");
    }
});
//for checking the textarea
$('.selection').each(function(){
    if($(this).find(".missing input").attr("checked") == "checked" && $(this).find("textarea").val() == ""){
        alert("You have not type anything in the textarea.");
    }
});

查看此Fiddle