Javascript validation not working in c#

Manoj Maharana

10y1.1k.NET

Here is the javascript validation code:

function ValidateFrom() {

if (document.getElementById("<%=txtCategoryName.ClientID %>").value.trim() == "") {

document.getElementById("<%=dvMessage.ClientID %>").innerHTML = "Please enter Category.";

document.getElementById("<%=txtCategoryName.ClientID %>").focus();

document.getElementById("<%=txtCategoryName.ClientID %>").classList.add("ErrorControl");

// document.getElementById("<%=txtCategoryName.ClientID %>").style.outline = '1px solid red';

// document.getElmentById("<%=txtCategoryName.ClientID %>").style.border = '3px solid red';

return false;

}

if (document.getElementById("<%=txtCategoryDescription.ClientID %>").value.trim() == "") {

document.getElementById("<%=dvMsg.ClientID %>").innerHTML = "Please enter Category Description.";

document.getElementById("<%=txtCategoryDescription.ClientID %>").focus();

document.getElementById("<%=txtCategoryDescription.ClientID %>").classList.add("ErrorControl");

// document.getElementById("<%=txtCategoryDescription.ClientID %>").style.outline = '1px solid red';

return false;

}

Here is the text box:

Category Name *

Category Description *

Parent Category

Category Image

The problem is that validation not working properly... The ERROR MESSAGE having problem..

17 Replies

Know the answer? Post it — somebody with the same question will find it here.

Midhun Tp10y ago
Accepted answer
Hi Manoj,
Just uncomment those lines in checkfunction(val)function and change ValidateFrom() functionas below,
function ValidateFrom() {
if (document.getElementById("<%=txtCategoryName.ClientID %>").value.trim() == "") {
document.getElementById("<%=dvMessage.ClientID %>").style.display = 'block';
document.getElementById("<%=dvMessage.ClientID %>").innerHTML = "Please enter Category.";
document.getElementById("<%=txtCategoryName.ClientID %>").focus();
document.getElementById("<%=txtCategoryName.ClientID %>").classList.add("ErrorControl");
// document.getElementById("<%=txtCategoryName.ClientID %>").style.outline = '1px solid red';
// document.getElmentById("<%=txtCategoryName.ClientID %>").style.border = '3px solid red';
return false;
}
if (document.getElementById("<%=txtCategoryDescription.ClientID %>").value.trim() == "") {
document.getElementById("<%=dvMsg.ClientID %>").style.display = 'block';
document.getElementById("<%=dvMsg.ClientID %>").innerHTML = "Please enter Category Description.";
document.getElementById("<%=txtCategoryDescription.ClientID %>").focus();
document.getElementById("<%=txtCategoryDescription.ClientID %>").classList.add("ErrorControl");
// document.getElementById("<%=txtCategoryDescription.ClientID %>").style.outline = '1px solid red';
return false;
}
}
Manoj Maharana10y ago
sir what should i do in html editor??

Here is the html editor:
function ValidateFrom() {
var editor1 = $find("<%=EditorTestimonial.ClientID%>");
var content1 = editor1.get_content();
if (content1.trim() == "") {
document.getElementById("<%=divTestimonialMsg.ClientID %>").innerHTML = "Please enter Description:";
document.getElementById("<%=dvMessage.ClientID %>").style.display = 'block';
document.getElementById("<%=EditorTestimonial.ClientID %>").focus();
return false;
}
here is asp .net html editor:

<%-- --%>

<%-- --%>

NoUnicode="false" />
Midhun Tp10y ago
Hi,
Instead of onclick, use onkeyup
Manoj Maharana10y ago
how to check the document for particular editor. ???
in textbox here:

function checkfunction(val) {
if (val != "") {
document.getElementById("<%=txtStartdate.ClientID %>").classList.remove("ErrorControl");
}
also the same problem
Midhun Tp10y ago
Hi,
That depends on html editor you are using. I don't think you can get value of editor like that. You have to check the document for particular editor. There won't be keyup function for that like you wrote. But there may be something to get the change in text.
Manoj Maharana10y ago
ir i think the problem is here:
onclick ="checkfunction(this.value)"
is it true???
my problem is that how to check is there any value available in editor or not???
what should i do modification in above code??
Manoj Maharana10y ago
sir this is a textarea :
if (content1.trim() == "") {
document.getElementById("<%=divDesMsg.ClientID %>").innerHTML = "Please Fill Description.";
document.getElementById("<%=divDesMsg.ClientID %>").style.display = 'block';
document.getElementById("<%=Editor1.ClientID %>").focus();
// document.getElementById("<%=Editor1.ClientID %>").classList.add("ErrorControl");
return false;
}
text area in asp .net:

Description *

<%-- --%>

<%-- --%>

NoUnicode="false" />

Same problem here also..
Midhun Tp10y ago
Hi,
I tried and it is working for me. Only difference is that id of the div for which you are giving error message is different
if (document.getElementById("<%=txttasktitle.ClientID %>").value.trim() == "")
{
document.getElementById("<%=divSatusMsg.ClientID %>").innerHTML = "Please enter Task Title.";
document.getElementById("<%=txttasktitle.ClientID %>").focus();
return false;
}
Change it to divTaskMsg.ClientID
Manoj Maharana10y ago
Because in textarea the javascript validation is not working..
if (document.getElementById("<%=txttasktitle.ClientID %>").value.trim() == "")
{
document.getElementById("<%=divSatusMsg.ClientID %>").innerHTML = "Please enter Task Title.";
document.getElementById("<%=txttasktitle.ClientID %>").focus();
return false;
}
Here is the textbox :

Task *
Midhun Tp10y ago
Sorry Manoj,
I couldn't understand it. What is the issue with text editor?
Manoj Maharana10y ago
if ($("#txtQEditor iframe").contents().find("body").val == "") {
$("#txtQEditor iframe").contents().innerHTML = "Please enter Email Body .";
document.getElementById("<%=dvEmlMsg.ClientID %>").innerHTML = "Please enter Email Body .";
document.getElementById("<%=dvEmlMsg.ClientID %>").style.display = 'block';
$("#txtQEditor iframe").contents().find("body").focus();
document.getElementById("<%=txtQEditor.ClientID %>").classList.add("ErrorControl");
return false;
}
In case of text editor not working..validation also not working..
Manoj Maharana10y ago
because if i use these two lines then validation is not working..if i use both the above statement then in divMsg error message is not coming
Midhun Tp10y ago
Hi,
In the function checkfunction(val), why have you commented these lines,
// document.getElementById("<%=dvMessage.ClientID %>").style.display = 'none';
// document.getElementById("<%=dvMsg.ClientID %>").style.display = 'none';
Manoj Maharana10y ago
SIR PROBLEM IS ON THE MESSAGE..
Midhun Tp10y ago
Hi,
Couldn't understand what is the issue. Which validation is not working?
Manoj Maharana10y ago
problem is on the error message(not coming properly)
Bikesh Srivastava10y ago
What Error you are getting ??