使用单选按钮进行jQuery textarea验证

时间:2013-01-28 11:30:43

标签: jquery validation

我正在开发一个调查系统。

表答案: 字段:id, answer, answer_value, valdt.

如果回答=(请在评论框中指定时间)我将值放在valdt = 1中,否则为0.

如果测量员点击此单选按钮,则需要注释框文本。

单选按钮的代码是

$n1=$db->get_results("SELECT * FROM question where client='$client' and  status='1' order by `id`");

 foreach($n1 as $n2)
{
$s1=$db->get_results("SELECT * FROM answer where qid='$n2->id' ");
foreach($1 as $s2)
{
<input type="radio" name='ans[<?php echo $s2->id?>]' value="<?php echo $s2->id?>" validate="required:true" />
}
Comments:<textarea rows="5" cols="30" name="cmnt[<?php echo $n2->id?>]" ></textarea>
}

我想验证用户是否单击单选按钮(valdt = 1),然后需要相应的注释框文本,否则不需要。

我试图解决此问题,但警报消息触发器但不会验证注释字段 我将代码放在验证字段中,但它无法正常工作

$(document).ready(function() {
$("#form1").validate();
function getNum(element, attrPrefix) {
var prefix = attrPrefix;
var num = element.attr("id").substring((prefix.length));
return num;
}
$(":radio").change(function() {
var num = getNum($(this), "r_");
if ($("#r_"+num).not(":checked")) {
alert(' Please Enter the comment in comment box ');
} else {
alert(' Please Enter Comment in Comment Box ');
return false;
}
return true;
});

2 个答案:

答案 0 :(得分:0)

您的网页使用了http://jquery.bassistance.de/validate/demo/验证,我使用了这个示例:

<input class="comment_check" name="check[116]" type="checkbox"> please check 
for comment<br>
<textarea cols="55" name="nn[116]" rows="5" validate="required:'input[name=check[116]]:checked'"></textarea>

它适用于我,您可以像其他字段一样打印此复选框

<input class="comment_check" name="check[<?php echo $n2->id?>]" type="checkbox" value="<?php echo $n2->id?>">

答案 1 :(得分:0)

这是一个使用jQuery Validate plugin的工作演示。

<强> HTML

<form id="myform">
    <input type="radio" name="ans[]" id="ans" value="" />
    <textarea rows="5" cols="30" name="cmnt[]"></textarea>
    <input type="submit" />
</form>

通过在.validate()内调用document.ready,您的表单会初始化该插件。您的规则和选项在.validate()函数内传递,字段由name标识。由于您希望required规则以单选按钮为条件,因此请在depends:规则中使用textarea函数。只有在选中单选框时才会需要textarea

<强>的jQuery

$(document).ready(function () {

    $('#myform').validate({
        rules: {
            "cmnt[]": {
                required: {
                    depends: function (element){
                        return $("#ans").prop("checked");
                    }
                }
            }
        },
        //  other rules and options
    });

});

工作演示http://jsfiddle.net/3Nht6/

选项文档http://docs.jquery.com/Plugins/Validation/validate#toptions