Validate text boxes using Jquery Validation

Question

I am using

[Jquery validation plugin][1] 


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

How can i validate if at least one of three options was filled ?

Creating a method via .addMethod ? i am trying to adapt from this fiddle but i have text boxes instead of select boxes:

 [validate select box][1]


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

I did not get any message, here is what i try until now:

$.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
                },
            },

Can you post your html code and full javascript

Clement Amarnath
– Clement Amarnath

2016-06-17 13:21:16 +00:00
Commented Jun 17, 2016 at 13:21 — Clement Amarnath
– Clement Amarnath, Commented Jun 17, 2016 at 13:21

cssyphus · Accepted Answer · 2016-06-20 14:44:21Z

1

No need to use a plugin just for that. Try this:

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" />

edited Jun 20, 2016 at 14:44

answered Jun 17, 2016 at 13:21

cssyphus

40.4k21 gold badges104 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Ângelo Rigo Over a year ago

This work´s right, but how can i prevent the form from being submitted ? as i am using CakePHP 2.5

cssyphus Over a year ago

@ÂngeloRigo See modification to my answer. event.preventDefault() should do the trick.

cssyphus Over a year ago

No, it suppresses the default action of the <form>, which is to submit to either: (1) the page specified in the action=xxxxx.php tag attribute, or, if that is missing, (2) to the same page the form tag is on (which causes a page refresh)

cssyphus Over a year ago

Angelo, I am busy right now with something else. If you ask this as a separate question (reference this post in your question), you will get your question read instantly by dozens of people who will try to help. That will be much faster than waiting for me. Best wishes for your project.

cssyphus Over a year ago

No, just at stackoverflow.com - like you posted this one. Then include the URL to this post in your new question.

|

Collectives™ on Stack Overflow

Validate text boxes using Jquery Validation

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related