javascript - validating textbox checking if it isn't readonly first - Stack Overflow

admin管理员组

文章数量:1024603

i have a form with two modes one that allows edit (value of text box)

and another mode for (non-manager) user - code behind adding "READONLY" to the TextBox tag.

so with the readonly 'mode' there's no input accepted in text box at all

my question is how could i execute validation method based on "READONLY" property of text box ?

strRo = "READONLY" on a condition

<asp:TextBox ID="txtNumbers" runat="server" <%=strRo %> onkeypress="return allowonlynumbers();" />

javascript function

   function allowonlynumbers() {
        if (event.keyCode >= 48 && event.keyCode <= 57) {
            return true;
            }

        else {
            alert('Only numbers can be entered');
             return false;
        }

    }

i have a form with two modes one that allows edit (value of text box)

and another mode for (non-manager) user - code behind adding "READONLY" to the TextBox tag.

so with the readonly 'mode' there's no input accepted in text box at all

my question is how could i execute validation method based on "READONLY" property of text box ?

strRo = "READONLY" on a condition

<asp:TextBox ID="txtNumbers" runat="server" <%=strRo %> onkeypress="return allowonlynumbers();" />

javascript function

   function allowonlynumbers() {
        if (event.keyCode >= 48 && event.keyCode <= 57) {
            return true;
            }

        else {
            alert('Only numbers can be entered');
             return false;
        }

    }

• javascript
• asp
• validation

Share Improve this question Follow asked Sep 24, 2012 at 16:06 LoneXcoderLoneXcoder 2,16377 gold badges4040 silver badges7777 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You would need to pass a reference to the element in your function call, so change the onkeypress to this:

onkeypress="return allowonlynumbers(this);"

Then, your function needs to be like this:

function allowonlynumbers(obj) {

}

And the logic you can use is:

if (obj.readOnly) {
    // The element is readonly
}

You should bind your event handler in javascript (why?). Then you will be able to use the this operator inside of the handler to refer to the textbox, which you can check the readOnly property of:

document.getElementById('test').onkeypress = function () {
    if (!this.readOnly) {
        if (event.keyCode >= 48 && event.keyCode <= 57) {
            return true;
        } else {
            alert('Only numbers can be entered');
            return false;
        }
    }
};​

http://jsfiddle/FedsQ/

i have a form with two modes one that allows edit (value of text box)

and another mode for (non-manager) user - code behind adding "READONLY" to the TextBox tag.

so with the readonly 'mode' there's no input accepted in text box at all

my question is how could i execute validation method based on "READONLY" property of text box ?

strRo = "READONLY" on a condition

<asp:TextBox ID="txtNumbers" runat="server" <%=strRo %> onkeypress="return allowonlynumbers();" />

javascript function

   function allowonlynumbers() {
        if (event.keyCode >= 48 && event.keyCode <= 57) {
            return true;
            }

        else {
            alert('Only numbers can be entered');
             return false;
        }

    }

i have a form with two modes one that allows edit (value of text box)

and another mode for (non-manager) user - code behind adding "READONLY" to the TextBox tag.

so with the readonly 'mode' there's no input accepted in text box at all

my question is how could i execute validation method based on "READONLY" property of text box ?

strRo = "READONLY" on a condition

<asp:TextBox ID="txtNumbers" runat="server" <%=strRo %> onkeypress="return allowonlynumbers();" />

javascript function

   function allowonlynumbers() {
        if (event.keyCode >= 48 && event.keyCode <= 57) {
            return true;
            }

        else {
            alert('Only numbers can be entered');
             return false;
        }

    }

• javascript
• asp
• validation

Share Improve this question Follow asked Sep 24, 2012 at 16:06 LoneXcoderLoneXcoder 2,16377 gold badges4040 silver badges7777 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You would need to pass a reference to the element in your function call, so change the onkeypress to this:

onkeypress="return allowonlynumbers(this);"

Then, your function needs to be like this:

function allowonlynumbers(obj) {

}

And the logic you can use is:

if (obj.readOnly) {
    // The element is readonly
}

You should bind your event handler in javascript (why?). Then you will be able to use the this operator inside of the handler to refer to the textbox, which you can check the readOnly property of:

document.getElementById('test').onkeypress = function () {
    if (!this.readOnly) {
        if (event.keyCode >= 48 && event.keyCode <= 57) {
            return true;
        } else {
            alert('Only numbers can be entered');
            return false;
        }
    }
};​

http://jsfiddle/FedsQ/

本文标签： javascriptvalidating textbox checking if it isn39t readonly firstStack Overflow