使用jQuery Bassistance测试2个输入是否为空

时间:2012-08-29 11:30:26

标签: jquery forms validation

我正在使用Bassistance jQuery验证插件,我需要测试2个输入是否为空,如果是,则显示错误消息,否则如果两个字段中的一个已完成,则表示没问题。

这是表单字段:

<label for="para_comp_name">Your name *</label>
<input id="para_comp_name" name="para_comp_name" type="text" value="">

<label for="para_comp_code">Inside track unique code *</label>
<input id="para_comp_code" name="para_comp_code" type="text" value="">

<label for="para_comp_message">Message</label>
<textarea id="para_comp_message" name="para_comp_message" cols="" rows=""></textarea>

<label for="para_comp_image">Upload image</label>
<input id="para_comp_image" name="para_comp_image" type="file" value="" size="16">

只有所需的字段是名称和唯一代码,然后用户可以填写消息和图像字段中的一个或两个。 我只需要验证它们是否都是空的。

由于

2 个答案:

答案 0 :(得分:0)

这通常是:

if (! $('#para_comp_name').val() && ! $('#otherFieldHere').val()){
 // do something f it's empty
}else{
 // do something else if it's not empty
}

答案 1 :(得分:0)

您可以添加自定义验证方法:

$(document).ready(function() {

    $.validator.addMethod("custom-rule", function() {
        return $('#para_comp_message').val().trim() + 
               $('#para_comp_image').val().trim() != '';
    }, "custom message");

    $("#form1").validate({
        rules: {
            para_comp_name: "required",
            para_comp_code: "required",
            para_comp_image: "custom-rule"
        }
    });

});​

尝试演示here