This week's book giveaway is in the Agile and other Processes forum.
We're giving away four copies of The Mikado Method and have Ola Ellnestam and Daniel Brolund on-line!
See this thread for details.

The moose likes HTML, CSS and JavaScript and the fly likes problem in regular expression

A friendly place for programming greenhorns!

Big Moose Saloon

Search | Java FAQ | Recent Topics

Win a copy of The Mikado Method this week in the Agile and other Processes forum!

JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript

Author

problem in regular expression

deepak bhai
Ranch Hand

Joined: Apr 22, 2011
Posts: 32

posted

0

<head>
        <title>
            validation
        </title>
        <script type="text/javascript">
            function validateNotEmpty(inputField, helpText) {
                //check if the data is filled .....
                if (inputField.value.length == 0) {

if (helpText != null) helpText.innerHTML = "please enter the data...";

return false;
                } else {
                    if (helpText != null) helpText.innerHTML = "";
                    return true;
                }
            }

function validateLength(minlength, maxlength, inputField, helpText) {
                if (inputField.value.length < minlength || inputField.value.length > maxlength) {
                    if (helpText != null) helpText.innerHTML = "please enter a value between" + minlength + "and" + maxlength + "in this field";
                    return false;
                } else {
                    if (helpText != null) helpText.innerHTML = "";
                    return true;
                }
				}

function validateZipCode(inputField, helpText) {
                    if (inputField.value.length != 5) {
                        if (helpText != null) helpText.innerHTML = "pls enter exactly 5 digits..";
                        return false;
                    } else if (isNaN(inputField.value)) {
                        if (helpText != null) helpText.innerHTML = "pls enter numbers only.";
                        return false;
                    } else {
                        if (helpText != null) helpText.innerHTML = "";
                        return true;
                    }
                }

function placeOrder(form) {
                    if (validateLength(1, 32, form["banner"], form["banner_help"]) && validateNonEmpty(form["zipcode"], form["zipcode_help"]) && validateNonEmpty(form["date"], form["date_help"]) && validateNonEmpty(form["name"], form["name_help"]) && validateNonEmpty(form["phone"], form["phone_help"]) && validateNonEmpty(form["email"], form["email_help"])) {
                        // Submit the order to the server
                        form.submit();
                    } else {
                        alert("I'm sorry but there is something wrong with the order information.");
						}
						}
				function validateRegEx(regex,inputStr,helpText,helpMessage){
				if(!regex.test(inputStr)){
				if(helpText!=null)
				helpText.innerHTML=helpMessage;
				return false;
				}
				else{
				if(helpText!=null)
				helpText.innerHTML="";
				return true;}
				
				}
				//validate date
				function validateDate(inputField,helpText){
				if(!validateNotEmpty(inputField,helpText))
				return false;
				else
				return validateRegEx(/^\d{2}\/d{2}\/d{4}$/,inputField.value,helpText,"pls enter a date in the form of 01/56/2345");
				}
				function validateEmail(inputField,helpText){
				if(!validateNotEmpty(inputField,helpText))
				return false;
				else
				return validateRegEx(/^[\w\._-\+]+@[\w-]+(\.\w{2,3})+$/,inputField.value,helpText,"pls enter an email adress as email@hello.com");
				}                   
				
				
				
        </script>
    </head>
    
    <body>
        <form name="orderform" action="bannerocity.php" method="POST">
            enter the banner message:
            <input type="text" name="message" id="banner" size="32" onblur="validateLength(1,32,this,document.getElementById('banner_help'))" />
            <span id="banner_help" class="help">
            </span>
            <br />
            enter zip code of the location:
            <input type="text" name="zipcode" maxlength="5" id="zipcode" size="5" onblur="validateZipCode(this,document.getElementById('zip_help'))"  />
            <span id="zip_help" class="help">
            </span>
            <br />
            enter the date for the message to be shown:
            <input type="text" name="date" id="date" size="10" onblur="validateDate(this,document.getElementById('date_help'))">
			<span id="date_help" class="help">
			</span>
		   <br />
            enter your name:
            <input type="text" name="name" id="name" onblur="validateNotEmpty(this,document.getElementById('name_help'))">
            <span id="name_help" class="help">
            </span>
            <br />
            enter your phone number:
            <input type="text" name="phone" id="phone" size="12" onblur="validateNotEmpty(this,document.getElementById('phone_help'))">
			<span id="phone_help" class="help">
			</span>
            <br />
            enter your email address:
            <input type="text" name="email" id="email" size="20" onblur="validateEmail(this,document.getElementById('email_help'))">
			<span id="email_help" class="help">
			</span>
            <br />
            <input type="button" value="order banner" onclick="placeOrder(this.form);" />
        </form>
    </body>

</html>

this code have a serious problem.. its designed to validate dates.. but even when a validate date is entered .. the helptext is not cleared..

the second problem is .. the chrome's interpreter is saying that my regular expression for validating email is out of range.. i checked the regular expression from a diffent file which is working .. both expressions are same.. but it alarming only on my html file..

Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 56191

13

I like...

IntelliJ IDE

jQuery

Mac OSX

posted

0

As you saw in a previous post, using code tags and proper indentation can usually reveal issues a lot faster than unformatted code. Please be sure to UseCodeTags when posting code.

[Smart Questions] [JSP FAQ] [Books by Bear] [Bear's FrontMan] [About Bear]

Paul Clapham
Bartender

Joined: Oct 14, 2005
Posts: 16483

2

I like...

MySQL Database

posted

0

deepak bhai wrote:this code have a serious problem.. its designed to validate dates.. but even when a validate date is entered .. the helptext is not cleared..

That's true; your other validations have code which says "helpText.innerHTML = something" and your date validation doesn't have that.

deepak bhai
Ranch Hand

Joined: Apr 22, 2011
Posts: 32

posted

0

my date validation code is not validating the date itself, its just sending it to validateRegEx function with the helpmessage. where if the date is invalid then the helptext.innerHTML value will be set as helpmessage. other wise it will cleared. my other codes are setting helptext.innerHTML in them because they are not sending there control to validateRegEx function except the email validation..

I agree. Here's the link: http://ej-technologies/jprofiler - if it wasn't for jprofiler, we would need to run our stuff on 16 servers instead of 3.

subject: problem in regular expression

Similar Threads
Null in Javascript code
validating user Input using java script
help with validation/ 2 functions on submit.
span tag issue in javascript
dynamically assigning help text