Jquery validation text cannot contain

Question

I'm trying to use the jQuery validation plugin to validate some text fields on the fly. One of the rules is the field cannot contain 'http'. How would I modify the validate() method to achieve this?

@using (Html.BeginForm("UserDetails", "Account", FormMethod.Post, new {id = "registerform" }))
{
    <input id="Facebook" minlength="2" name="Facebook" placeholder="eg: Joe.Bloggs123" type="text" value>
    ...
}

<script>
    $('#registerform').validate({
        // ...?
    })
</script>

Edit: I tried adding a the validator.addmethod but it still doesn't work. SO here is what I have in the script:

 $('#registerform').validate();

jQuery.validator.addMethod("Facebook", function(value, element) {
            return this.optional(element) || (value.indexOf('http') >= 0);
        }, "*Please just use your userid, not the full url");

Also I would need to validate a lot of these, is it not possible to add a custom class and select from that?

read the documentation: jqueryvalidation.org/jQuery.validator.addMethod and show us what you have tried — Joel Harkes
– Joel Harkes, Commented Nov 24, 2016 at 14:34

Jynn · Accepted Answer · 2016-11-25 12:23:51Z

3

Here is what finally worked for me:

<script>
    jQuery.validator.addMethod("checkhttp", function(value, element) {
                        return this.optional(element) || (value.indexOf('http') < 0) && (value.indexOf('www') < 0);
                    }, "*Please just use your userid, not the full url");

                    jQuery.validator.classRuleSettings.checkhttp = { checkhttp: true };

                $('#registerform').validate();
</script>

@using (Html.BeginForm("UserDetails", "Account", FormMethod.Post, new {id = "registerform" }))
{
     <input id="Facebook" class="checkhttp" name="Facebook" placeholder="eg: Joe.Bloggs123" type="text" value>
}

answered Nov 25, 2016 at 12:23

Jynn

2871 gold badge3 silver badges19 bronze badges

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

Comments

Mojo Allmighty · Accepted Answer · 2016-11-24 14:40:38Z

-1

This is for your case but i suggest you use regex

 if( $('#Facebook').val().indexOf('http') >= 0 ) {
  alert('Contains http');
 } else {
  alert('Doesn't contain http');

EDIT I'm sorry, i haven't read the question right.

Add a jQuery validator

jQuery.validator.addMethod("DoesNotContain", function(value, element)
{
    return this.optional(element) || (indexOf('http') < 0);
}, "* Can't contain http");

edited Nov 24, 2016 at 14:40

answered Nov 24, 2016 at 14:34

Mojo Allmighty

8138 silver badges18 bronze badges

1 Comment

Joel Harkes Over a year ago

this is not an jquery.validation implementation

Collectives™ on Stack Overflow

Jquery validation text cannot contain

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related