Please see the folowing HTML and give your recomondation

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Multi Email Validation</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">  
$(document).ready(function() {

  // Handler for .ready() called.
$("#email-form").validate({
            rules : {
                email : {
                    required : true,
                    email : true
                },
                recipientEmail : {
                    multiemail: true,
                    required : true
                //  email : true
                    }
            },
            messages: {
                email: {
                    required: "Please enter your email address.",
                    email: "Please enter a valid email address"
                 },
                 recipientEmail: {
                    multiemail: "One or more of your recipient email addresses needs correction.",
                    required: "Please enter the recipient's email address."
                    //email: "Please enter a valid email address"
                }
            }
        }); 
    String.prototype.trim = function () {
      return this.replace(/^\s*(\S*(\s+\S+)*)\s*$/, "$1");
    };
});

$.validator.addMethod("multiemail", function(value, element) { 
       if (this.optional(element)) // return true on optional element 
       return true; 
       var emails = value.split( new RegExp( "\\s*,\\s*", "gi" ) ); 
       //var emails = value.split(","); 
       if (emails.length > 5)
       {
           alert("Please find out...");
           valid = false; 
       }
       valid = true; 
        for(var i in emails) 
        {
         value = emails[i]; 
         valid=valid && jQuery.validator.methods.email.call(this, value, element);
        } 
        return valid; 
 }, 'One or more email addresses are invalid');
</script>
</head>
<body>
<form action="" method="get" name="email-form" id="email-form">
<label for="email">email</label>
<input type="text" name="email" id="email" style="width:200px" />
<br />
<label for="recipientEmail">Recipient Email</label>
<input type="text" name="recipientEmail" id="recipientEmail" style="width:500px" /><br />

<input type="submit" name="Submit" id="Submit" value="Submit" />
</form>
</body>
</html>
ansaurus

tags:

views:

answers:

Set maximum number of email ids in the rule and message - multiemail validation in jquery?

Please see the folowing HTML and give your recomondation

related questions
