www.webdeveloper.com
Results 1 to 4 of 4

Thread: Values

  1. #1
    Join Date
    Dec 2008
    Posts
    3

    Values

    Hi

    im trying to do validation on a form, I have added values to the form like below.

    Code:
    <input id="firstname" name="firstname" value="First Name:" onfocus="this.value = (this.value=='First Name:')? '' : this.value;" class="some other styles {validate:{required:true,minlength:3}}" />
    The problem i have is because the is a value inside the input off First Name: it doesn't validate because it treats the First Name: value as though its text. As if the user has inputed this is their a way around this anyone can tell me?

    Help

  2. #2
    Join Date
    Feb 2010
    Location
    Amsterdam
    Posts
    174
    in your code your referring to some validate plugin which is probably activated through class=""{validate:{required:true,minlength:3}}"

    the validation code or the js framework your using are not stated so without that its kind of difficult to help but you can use a regular expression inside a validation function, something like


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <title>Test</title>
    <script type="text/javascript">
    function validate(){
    var firstname = document.getElementById('firstname');
    /* in production you would put the validate() function in the onsubmit event of a form and return !/^(\s*|First Name:\s*)$/g.test(firstname.value); instead of alerting it */
    alert(!/^(\s*|First Name:\s*)$/g.test(firstname.value));
    }
    </script>
    </head>
    <body>
    <input id="firstname" name="firstname" value="First Name:" onfocus="this.value = (this.value=='First Name:')? '' : this.value;" class="" />

    <a href="#" onclick="validate()">test</a>
    </body>
    </html>

  3. #3
    Join Date
    Dec 2008
    Posts
    3
    Hi Gozzy82

    Thanks for the reply

    i was thinking the same maybe i could add a regular expression to the javascript that doesnt validate if it has a : this would solve my problem.

    I'm not very good with java this is my code that validates to a min length which is set to 3 characters, how and where would i add a regular expression to validate against a : all my label have a : at the end so if i could validate against that i think it would work.

    Code:
    // http://docs.jquery.com/Plugins/Validation/Methods/minlength
    		minlength: function(value, element, param) {
    			return this.optional(element) || this.getLength($.trim(value), element) >= param;
    		},
    		
    		// http://docs.jquery.com/Plugins/Validation/Methods/maxlength
    		maxlength: function(value, element, param) {
    			return this.optional(element) || this.getLength($.trim(value), element) <= param;
    		},
    thanks for the help

  4. #4
    Join Date
    Feb 2010
    Location
    Amsterdam
    Posts
    174
    im pretty sure you need to add a custom method to the validator plugin, you can find some info here: http://docs.jquery.com/Plugins/Valid...emethodmessage

    im guessing thats the way to go but i dont have the time to really look into it.

    (actually a pretty nice way of validating)

    grts, Gozzy

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles