How to convert English Numeric in Persian Numeric using jQuery in Update Panel in ASP.Net

nedash says:

$(function () {

            $('[id*=Txtvam]').keyup(function (e) {

                var ctrlKey = 67, vKey = 86;

                if (e.keyCode != ctrlKey && e.keyCode != vKey) {

                    $('[id*=Txtvam]').val(toPersianNumber($(this).val()));

                }

            });

        });

        $(function () {

            $('[id*=Txtpar]').keyup(function (e) {

                var ctrlKey = 67, vKey = 86;

                if (e.keyCode != ctrlKey && e.keyCode != vKey) {

                    $('[id*=Txtpar]').val(toPersianNumber($(this).val()));

                }

            });

        });

  function toPersianNumber(input) {

            var inputstring = input;

            var persian = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"]

            for (var j = 0; j < persian.length; j++) {

                inputstring = inputstring.toString().replace(new RegExp(j, "g"), persian[j]);

            }

 

            return inputstring;

        }

 replace above code with below

function pageLoad() {
    $('[id*=Txtvam]').keyup(function (e) {
        var ctrlKey = 67, vKey = 86;
        if (e.keyCode != ctrlKey && e.keyCode != vKey) {
            $('[id*=Txtvam]').val(toPersianNumber($(this).val()));
        }
    });

    $('[id*=Txtpar]').keyup(function (e) {
        var ctrlKey = 67, vKey = 86;
        if (e.keyCode != ctrlKey && e.keyCode != vKey) {
            $('[id*=Txtpar]').val(toPersianNumber($(this).val()));
        }
    });

    function toPersianNumber(input) {
        var inputstring = input;
        var persian = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"]
        for (var j = 0; j < persian.length; j++) {
            inputstring = inputstring.toString().replace(new RegExp(j, "g"), persian[j]);
        }
        return inputstring;
    }
}

hi anandM

I change code like:

    <script type="text/javascript">
    function pageLoad() {
    $('[id*=Txtvam]').keyup(function (e) {
        var ctrlKey = 67, vKey = 86;
        if (e.keyCode != ctrlKey && e.keyCode != vKey) {
            $('[id*=Txtvam]').val(toPersianNumber($(this).val()));
        }
    });
 
    $('[id*=Txtpar]').keyup(function (e) {
        var ctrlKey = 67, vKey = 86;
        if (e.keyCode != ctrlKey && e.keyCode != vKey) {
            $('[id*=Txtpar]').val(toPersianNumber($(this).val()));
        }
    });
    
 
    function toPersianNumber(input) {
        var inputstring = input;
        var persian = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"]
        for (var j = 0; j < persian.length; j++) {
            inputstring = inputstring.toString().replace(new RegExp(j, "g"), persian[j]);
        }
        return inputstring;
    }
}
        </Script>

but when I run page and type in textbox it doen't type in persian number

best regards

neda

Hi nedash,

I have cross checked the code and its working properly refer below sample code

HTML

<div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:DropDownList runat="server" ID="ddlItem" AutoPostBack="true" OnSelectedIndexChanged="ddlItem_SelectedIndexChanged">
                <asp:ListItem Text="text1" />
                <asp:ListItem Text="text2" />
            </asp:DropDownList>
        </ContentTemplate>
    </asp:UpdatePanel>
    <asp:UpdatePanel ID="UpdatePanel11" runat="server">
        <ContentTemplate>
            <div id="TRM21R" runat="server">
                <asp:TextBox ID="Txtpar" runat="server" CssClass="txtPar1"></asp:TextBox>
                <asp:TextBox ID="Txtvam" runat="server" CssClass="txtvam1"></asp:TextBox>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
<div>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function pageLoad() {
            $('[id*=Txtvam]').keyup(function (e) {
                var ctrlKey = 67, vKey = 86;
                if (e.keyCode != ctrlKey && e.keyCode != vKey) {
                    $('[id*=Txtvam]').val(toPersianNumber($(this).val()));
                }
            });

            $('[id*=Txtpar]').keyup(function (e) {
                var ctrlKey = 67, vKey = 86;
                if (e.keyCode != ctrlKey && e.keyCode != vKey) {
                    $('[id*=Txtpar]').val(toPersianNumber($(this).val()));
                }
            });

            function toPersianNumber(input) {
                var inputstring = input;
                var persian = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"]
                for (var j = 0; j < persian.length; j++) {
                    inputstring = inputstring.toString().replace(new RegExp(j, "g"), persian[j]);
                }
                return inputstring;
            }
        }
    </script>
</div>

C#

protected void ddlItem_SelectedIndexChanged(object sender, EventArgs e)
{
    //Your Code.
}