JavaScript

Re: Javascript validate the master and content page

23-Oct-11 3:41

Firstly, Why did you put your question in a code block, doesn't look very clever............

Ok, so back to your question;
You can use the object onChange to call a javascript function to validate the content as each element changes.

You could also use a button when you submit to check each element. The code below is a sample to help you get going, but there are heaps of examples on the net. You could take all the javascript out of the lower script block and place it in a reference file as shown in the upper script block entry

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript" src="js/thejsfile.js"></script>

</head>
<body>

    <table>
        <tr><td>Name:</td><td><input id="textName" type="text" onchange="validateName()"/></td><td id="nameValidMessage"></td></tr>
        <tr><td>Age:</td><td><input id="textAge" type="text" onchange="validateAge()"/></td><td id="ageValidMessage"></td></tr>
    </table>
    <input id="ButtonGo" type="button" value="Go" onclick="go_click()"/>
    <script type="text/javascript">

        function validateAge() {
            var valid = false
            //write you code to validate the age
            //set valid to true if all ok

            if (textAge.value == "99") { valid = true; }

            //update the page message
            if (!valid) {
                ageValidMessage.innerHTML = "Invalid Age";
            }
            else {
                ageValidMessage.innerHTML = "";
            }

            return valid
        }

        function validateName() {
            var valid = false
            //write you code to validate the name
            //set valid to true if all ok

            if (textName.value == "Dave") { valid = true; }

            //update the page message
            if (!valid) {
                nameValidMessage.innerHTML = "Invalid Name";
            }
            else {
                nameValidMessage.innerHTML = "";
            }

            return valid
        }

        function go_click() {
            var valid = false
            //Do a validation of Name and Age
            valid = validateName() && validateAge()

            if (valid) {
                //Do what you need to if all ok
            }

        }
    </script>
</body>
</html>

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

MalarGayu9-Nov-11 15:33

MalarGayu

9-Nov-11 15:33

hi
i just wanted to know whether u got a solution for your question because i am facing the same problem now but still did not get any solution for it....i need to use javascript to validate a textbox placed in content page so can u plz help me in this issue....i am not able to get the id of the textbox....

K.Gayathri

Where is the data behind the page?

LeonardoDaga22-Oct-11 0:37

LeonardoDaga

22-Oct-11 0:37

Hi all,

I'm trying to parse a web page that shows dinamically some data (is a web game page) that is not contained in the code behind the page (the one that I access using the Chrome developers tools, for example).
I see that I can show this data even detaching my pc from the network, simply selecting an item in the combobox, but the content appears in the page source only when the selected combobox item is changed.
Anyone can suggest me where I can find the hidden data or source code?

Thank you

Leo

Richard MacCutchan22-Oct-11 1:48

22-Oct-11 1:48

If you are viewing the page with Chrome you can right-click on the item and select Inspect element to see how the item is presented.

Unrequited desire is character building. OriginalGriff

LeonardoDaga22-Oct-11 6:12

LeonardoDaga

22-Oct-11 6:12

I know this. What I'm looking for is the data that is in the memory of the browser, downloaded from the web server, but presented when the javascript inside the web page decide to show it.
This kind of data is not visible simply using "Inspect element".

Richard MacCutchan22-Oct-11 6:26

22-Oct-11 6:26

As far as I am aware, you can examine elements of the HTML DOM tree but I do not know of any method to access the browser's memory.

Unrequited desire is character building. OriginalGriff

DaveAuld22-Oct-11 8:21

22-Oct-11 8:21

In Chrome you can view the values of javascript objects.

After you 'Inspect Element' to load up the Source, look for the javascript objects in the code behind files and then in the Chrome console if you type the object name it will tell you the value. Remember to look at the Scripts tab and you can change between all the referenced javascript source files to inspect them.

If you come across any files that have been minified, you can click the {} (Pretty Print as google call it) button at the bottom and it will make the source more readable.

You can also change the value and also run any JS functions, JQuery against the DOM and all sorts. You can also change attributes and values of the CSS if you are doing testing etc.

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Richard MacCutchan22-Oct-11 21:51

22-Oct-11 21:51

Something else I need to learn Frown | :(

Unrequited desire is character building. OriginalGriff

DaveAuld22-Oct-11 21:59

22-Oct-11 21:59

I thought about that this morning, was considering writing a Beginners guide to Browser debugging article........

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Richard MacCutchan23-Oct-11 2:17

23-Oct-11 2:17

DaveAuld wrote:
a Beginners guide to Browser debugging

Which would certainly be well received.

Unrequited desire is character building. OriginalGriff

DaveAuld24-Oct-11 4:50

24-Oct-11 4:50

Article Done Richard, Beginner Guide to Page and Script Debugging with Chrome[^]

See what you think.......... Smile | :)

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Richard MacCutchan24-Oct-11 5:16

24-Oct-11 5:16

See my comment, and I did vote a 5, but it doesn't show in my message title.

Unrequited desire is character building. OriginalGriff
I'm sitting here giving you a standing ovation - Len Goodman

AspDotNetDev23-Oct-11 8:24

AspDotNetDev

23-Oct-11 8:24

That would be super useful. Thumbs Up | :thumbsup:

Somebody in an online forum wrote:
INTJs never really joke. They make a point. The joke is just a gift wrapper.

DaveAuld23-Oct-11 8:31

23-Oct-11 8:31

Ok, i've already started.......... Smile | :)

may take some time, trying to get the structure and appropriate content is a challenge!

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

DaveAuld24-Oct-11 4:51

24-Oct-11 4:51

Beginner Guide to Page and Script Debugging with Chrome[^]
There you go........

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Uncaught SyntaxError: Unexpected token ILLEGAL

LeonardoDaga31-Oct-11 0:36

LeonardoDaga

31-Oct-11 0:36

Ok, this is the right reply Smile | :)

I've written some C# code to access this data using a WebBrowser object.
Are you interested in?

Vimalsoft(Pty) Ltd19-Oct-11 22:02

Re: Uncaught SyntaxError: Unexpected token ILLEGAL

19-Oct-11 22:02

Good Day All

in my page i have a hyperlink button in a gridview defined like this

JavaScript

<a href="#" onclick="<%#  String.Format("return showComment('{0}','{1}')", Replace(Eval("Field1").ToString(),Chr(13),"<BR>"), Replace(Eval("Field2").ToString(),Chr(13),"<BR>") ) %>">

                      <img src="../../Imgs/comment2.png" />
                      </a>

and the Function showComment is defined like this

JavaScript

function showComment(CommentPend,CommentCancel)
{
    $("#btnclose").unbind();
    $("#divPendComment").center();
    $("#divPendComment").fadeIn('slow');

    $("#txtcomment").val(CommentPend.toString().replace(/^[a-z0-9 ]$/i, ''));

    $("#txtcommentCancel").val(CommentCancel.toString().replace(/^[a-z0-9 ]$/i, ''));

    $("#btnclose").click(function (e)
     {

         $("#divPendComment").fadeOut('slow');
         e.preventDefault();

    });
    return false;
}

now as you can see i am trying to get rid of the special characters like the carriage returns but still i get a a javascript error when this link is clicked

Uncaught SyntaxError: Unexpected token ILLEGAL

thanks

Vuyiswa Maseko,

Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.

C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com

Richard Andrew x6422-Oct-11 12:18

Richard Andrew x64

22-Oct-11 12:18

It means you've committed a crime. Be prepared for arrest.

The difficult we do right away...
...the impossible takes slightly longer.

Re: Uncaught SyntaxError: Unexpected token ILLEGAL

Vimalsoft(Pty) Ltd23-Oct-11 1:44

Re: Uncaught SyntaxError: Unexpected token ILLEGAL

23-Oct-11 1:44

lol indeed a string with special characters is a crime , especially the carriage return Laugh | :laugh:

jsc4228-Oct-11 1:51

jsc42

28-Oct-11 1:51

I am not 100% sure what you are trying to achieve, but replace(/^[a-z0-9 ]$/i, '') is probably not what you intended: It says "If the whole field consists of a single letter, digit or space then set it to an empty string; if it is not just a single letter, digit or space, keep the whole lot as seen". My guess is that you want all non-letter/digit/space chars to be blanked out. Try replace(/[^a-z0-9 ]/ig, '').

modified 28-Oct-11 8:03am.

How to select all the text in a Textbox in JQuery

Vimalsoft(Pty) Ltd19-Oct-11 2:11

Re: How to select all the text in a Textbox in JQuery

19-Oct-11 2:11

Good Day All

i have a Jquery code defined like this

JavaScript

// Let's add it to textarea this time
 $(".cnt").focus(function()
 {
     // Check for the change
     if(this.value == this.defaultValue){
         this.select();
     }
 });

and i am creating a textbox on fly and after creating it i bind data to it and after that i want to attach a focus event if there a value "0" on it

If cnt.Text = "0" Then
          cnt.CssClass = "cnt"
      End If

but still when i select a textbox that has "0" it does not select the whole content of the textbox. i went through a breakpoint and it goes through this line

cnt.CssClass = "cnt"

Thanks

Manfred Rudolf Bihy19-Oct-11 2:50

Manfred Rudolf Bihy

19-Oct-11 2:50

First check if the HTML DOM element that corresponds to the textbox has its class attribute set to "cnt". You can do this with FF FireBug for instance or IE Developer Tools. Then change your javascript code like below to see if this.select() would ever be hit at all:

JavaScript

if(this.value == this.defaultValue){
    alert("Before this.select();"); // If you wont see this alert this.value does not equal this.defaultValue
                                    // Could it be that you wanted to check for unequal i.e. != ?
    this.select();
}

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Re: How to select all the text in a Textbox in JQuery

Dennis E White19-Oct-11 7:07

Dennis E White

19-Oct-11 7:07

it sounds like what you are trying to do is change the class of the control and then expect events to be fired for any control that is bound to that class.

what you are running into is a late binding issue with jQuery. when you bound the focus event jQuery only did it for the controls that had that class at the time of the binding.

three approaches:

1 - bind the focus event for that class each time you add or remove it. personally not the best approach (IMO).

2 - bind the focus event to the control type and then in the focus event test to see if the control has that CSS class associated with it.

3 - use .live[^] which is supposed to work around the late binding issue. I personally have not had a chance to use it but it was designed to handle this very thing.

best of luck

as if the facebook, twitter and message boards weren't enough - blogged

Re: How to select all the text in a Textbox in JQuery

Vimalsoft(Pty) Ltd19-Oct-11 21:45