Question

-6

Show textbox when button is click

rated 0 times [ 1] [ 7] / answers: 1 / hits: 14391 / 11 Years ago, tue, january 14, 2014, 12:00:00

I'm trying to hide and show the password of the user but I'm having a hard time. Here is my markup:

<td>Username: <td>

<td><input type=text class=form-control value=<?php echo $row['Username'];?>readonly><td>

<td><input type=button class=btn btn-primary show value=Show Password>

<input type=button class=btn btn-primary hide value=Hide Password style=display:none;><td>

</tr>

<tr  class=password style=display:none;>

<td>Password: <td>

<td><input type=text class=form-control value=<?php echo $row['Password']; ?> readonly><td>

</tr>

And my jQuery

$(.show).click(function(){

$('.hide').show();

$('.show').hide();});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dominics

Add To Favorites

Follow

Total Points: 424

Total Questions: 99

Total Answers: 107

Location: South Korea

Member since Fri, Sep 11, 2020

4 Years ago

dominics questions

1 react setState() not triggering re-render

Wed, Apr 6, 22, 00:00, 2 Years ago

1 export a variable inside a function to be used in other modules

Mon, Feb 7, 22, 00:00, 2 Years ago

1 how to make TextInput with dropdown/picker in react-native?

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to remove extra empty space and scroll bar at the bottom of my html page?

Wed, Jan 20, 21, 00:00, 3 Years ago

1 AgGrid: applyColumnState is not a function

Fri, Sep 18, 20, 00:00, 4 Years ago

View All

answered 11 Years ago ervindouglasm · Accepted Answer

Your HTML is invalid, you need to wrap a table tag around a tr tag or the tr and everything in it will return undefined in Javascript:

<table>

<tr>

    <td>Username:

        <td>

            <td>

                <input type=text class=form-control value=<?php echo $row['Username'];?> readonly>

                <td>

                    <td>

                        <input type=button class=btn btn-primary show value=Show Password>

                        <input type=button class=btn btn-primary hide value=Hide Password style=display:none;>

                        <td>

</tr>

<tr class=password style=display:none;>

    <td>Password:

        <td>

            <td>

                <input type=text class=form-control value=<?php echo $row['Password'];?> readonly>

                <td>

</tr>

                </table>

and to complete your JQuery, you could use this:

$(.show).click(function () {

    $('.hide').show();

    $(this).hide();

    $('.password').eq(0).show();

});



$('.hide').click(function () {

    $('.show').show();

    $(this).hide();

    $('.password').eq(0).hide();

});

DEMO