Question

我正在使用

[Jquery validation plugin][1] 


  [1]: https://jqueryvalidation.org,

如何验证是否填写了三个选项中的至少一个？

通过.addMethod创建方法？我试图从这个小提琴中适应，但我有文本框而不是选择框：

 [validate select box][1]


  [1]: http://jsfiddle.net/8x1yj0pr/

我没有得到任何消息，这是我到现在为止所尝试的：

$.validator.addMethod("validateOptions", function(value, element) {
        return this.optional( element ) ||
        ($('#firstname').val() != '' ||
        $('#username').val() != '' ||
            $('#email').val() != '' ||);
}, "Please provide at least one ");

$(document).ready(function() {
        var validator = $("#VerifyForm").validate({
            rules: {
                formFields: {
                   validateOptions: true,
                }
                firstname : {
                    required: true,
                    minlength: 2
                },
                lastname : {
                    required: true,
                    minlength: 7
                },
                email : {
                    required: true,
                    minlength: 2
                },
            },

Answer 1

不需要为此使用插件。试试这个：

jsFiddle Demo

$('#submit').click(function(evt){ //<===============================
  var fn = $('#fn').val();
  var un = $('#un').val();
  var em = $('#em').val();
  if (fn !='' || un!='' || em!=''){
    alert('good to go');
  }else{
    evt.preventDefault(); //<===============================
    $('#fn').focus();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="text" id="fn" /><br>
<input type="text" id="un" /><br>
<input type="text" id="em" /><br>
<input type="button" id="submit" value="Submit" />

使用Jquery验证验证文本框

1 个答案: