Skip navigation
Lykos22
Lykos22
Currently Being Moderated

How can I validate "Name" spry-textfields???

Jun 26, 2012 7:39 AM

Tags: #cs5.5 #dreamweaver #javascript #spry #dreamweaver_cs5 #ajax #textfield #validation #regular_expressions

Hi I would like some information, if its possible.

 

I'm building a contact form and I want to add some validation to the fields using Spry.

 

The problem comes for my First Name and Last Name spry-textfields, where from the properties panel in type menu there is not any proper format like e-mail or zip-code has. The only thing I found that might help me is the custom option, but dont know exactlly how to use it. Basicly I 'd like to add some regular expressions to check that these fields will accept only characters and whitespaces, no numbers or symbols like @,#, etc etc

 

Is there any article or video (better) available that can help me work with that??

 

Any help would be appreciated.

1248 Views   7 Replies   Latest reply: Ben Pleysier, Jun 27, 2012 7:43 PM
 
Replies
  • Ben Pleysier
    Currently Being Moderated
    1. Ben Pleysier,
    Jun 26, 2012 8:10 AM   in reply to Lykos22
    Report

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Untitled Document</title>

    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet">

    </head>

     

    <body>

    <span id="sprytextfield1">

      <label for="text1"></label>

      <input type="text" name="text1" id="text1">

      <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span>

    </span>

     

    <script src="SpryAssets/SpryValidationTextField.js"></script>

    <script>

    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "custom", {validation:myValidation, validateOn:["blur", "change"]});

    function myValidation(value) {

      return /^[a-zA-Z\s.\-]+$/.test(value)

    }

    </script>

    </body>

    </html>

    Gramps

     
    |
    Mark as:
  • Lykos22
    Currently Being Moderated
    2. Lykos22,
    Jun 26, 2012 9:22 AM   in reply to Ben Pleysier
    Report

    thanks! that was helpfull!!

     

    But there's an issue. How can I add to this regular expression UTF-8 unicode support though??

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    3. Ben Pleysier,
    Jun 26, 2012 9:28 AM   in reply to Lykos22
    Report

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Untitled Document</title>

    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet">

    </head>

     

    <body>

    <span id="sprytextfield1">

      <label for="text1"></label>

      <input type="text" name="text1" id="text1">

      <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span>

    </span>

     

    <script src="SpryAssets/SpryValidationTextField.js"></script>

    <script>

    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "custom", {validation:myValidation, validateOn:["blur", "change"]});

    function myValidation(value) {

      return /^[a-zA-Z\s.\-]+$/.test(value)

    }

    </script>

    </body>

    </html>

     
    |
    Mark as:
  • Lykos22
    Currently Being Moderated
    4. Lykos22,
    Jun 26, 2012 9:49 AM   in reply to Ben Pleysier
    Report

    I have already add this, but still having this problem :-/

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    5. Ben Pleysier,
    Jun 26, 2012 5:26 PM   in reply to Lykos22
    Report

    What is the problem? What is it that doesn't work?

     

    For regular expressions you might like to go to http://regexlib.com/

     

    Gramps

     
    |
    Mark as:
  • Lykos22
    Currently Being Moderated
    6. Lykos22,
    Jun 27, 2012 7:38 AM   in reply to Ben Pleysier
    Report

    The problem is that although it works fine with english characters, doesn't do the same with greek.

    In fact what I want is to accept both english or greek characters-names as the fields are  for names. I've also added and on html the

     

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

     

    but didn't help at all.

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    7. Ben Pleysier,
    Jun 27, 2012 7:43 PM   in reply to Lykos22
    Report

    I have looked all over the place to help you, but could not find a solution. Maybe you could try adding the letters of the Greek alphabet in a similar manner as a-zA-Z.

     

    Gramps

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points