How can I restrict a form according to value getting in <span>

Question

0.00/5 (No votes)

See more:

I am writing code for userId availability check, now I am facing problem in submitting form, my javascript code is,

JavaScript

function checkTeacherId(){
alert(" in checkTecherId()");
var status=document.getElementById("status");
if(status=="Id in use choose another")
	return false;
}

html tag is as follow

HTML

<input type="text" class="form-control" name="teacherId"			id="teacherId" placeholder="Enter Teacher Id"  ><span id="status" class="status"></span>

<input type="submit" class="btn btn-primary" value="Submit"					 önclick="checkTeacherId();" />

The value of "span" tag will come from servlet as,

Java

if(contains){
			out2.println("<font color=red id=status>");
			out2.println("Id in use choose another");
			out2.println("</font>");
		}else{
			out2.println("<font color=green id=status>");
			out2.println("Id Available");
			out2.println("</font>");
		}

what I want to do here I dont want to submit the form if I get the value as "Id in use choose another" . I am unable to do it please help me.

Posted 30-Apr-14 20:56pm

Raghavendra M

Updated 30-Apr-14 20:59pm

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

altaf008bd · Answer 1 · 2014-04-30T23:15:00

Here span and font (coming from servlet) has the same id. So, you need to change font tag ids. Then you can use following modified version of your checkTeacherId() function:

C#

function checkTeacherId() {
            var status = $("#status").text();
            if (status == "Id in use choose another")
                return false;
            else
                return true;
        }

Here I have used jQuery. $("#status").text() ignores all the html tags inside the span element and returns only the text. That means font tag will be ignored from span element and the text "Id in use choose another" or "Id Available" will be returned.

altaf008bd · Answer 2 · 2014-05-01T00:28:00

Solution 2

please post the html content of the span. It works in my test code, the span content I used is:

<span id="status" class="status"><font color="red">Id in use choose another</font></span>

Posted 1-May-14 0:28am

altaf008bd

Comments

Raghavendra M 3-May-14 5:25am

Yes . , I remove the id of font and now I am getting the span tag exactly as urs . .

Raghavendra M 3-May-14 6:59am

Hi, I checked with alert , I am getting status value as font color="red"Id in use choose another /font

Raghavendra M 3-May-14 7:00am

I mean along with font tag

altaf008bd 6-May-14 1:04am

Sorry, for late reply. I am not sure why you are getting the value with font tag, because text() method simply ignores the html tag and return the text. However you can use :

var status = $("#status font").html();

It will only return the text which you can compare.