What's New?

[CLOSED] Applying InputMask dynamically on the client

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Oct 10, 2013, 6:16 AM

    [CLOSED] Applying InputMask dynamically on the client

    Hi,

    I am masking the mobile number textfield based on the country selection. so that i need to update the mask in javascript.
    I referred the forum http://forums.ext.net/showthread.php...e-client/page2

    But, this is applicable to 1.x, is there any update for 2.x to implement it easily or any inbuilt method to do this.
    Last edited by Daniil; Oct 22, 2013 at 2:40 PM. Reason: [CLOSED]
  2. #2
    Oct 10, 2013, 6:25 AM
    Quote Originally Posted by MTSI View Post
    Hi,

    I am masking the mobile number textfield based on the country selection. so that i need to update the mask in javascript.
    I referred the forum http://forums.ext.net/showthread.php...e-client/page2

    But, this is applicable to 1.x, is there any update for 2.x to implement it easily or any inbuilt method to do this.
    I used App.Input1.setMask("9999999999-99999999999999"). its working it seems.
  3. #3
    Oct 10, 2013, 7:02 AM
    I can able to change mask. also i applied regex to this field. I modified regex using "text1.regex='regularexpression'". When I am setting regular expression, I am getting Javascript error. Should I do any tweak? How to update mask and regular expression through javascript

    Error: Microsoft JScript runtime error: Object doesn't support property or method 'test'

    In the line if(regex&&!regex.test(value)){errors.push(me.regex Text||me.invalidText);}

    sample code mentioned below

    @model Ext.Net.MVC.Sample.Models.ExtNetModel
@using Ext.Net
@using Ext.Net.MVC
<!DOCTYPE html>
<html>
<head>
    <title>Ext.NET MVC Sample</title>
    <script type="text/javascript">
        var onCountryChange = function (combo, records, eOpts) {
            App.Text1.regex = "^(\+91[\-\s]?)?[89]\d{9}$";
            App.Input1.setMask("+91 9999999999")
        }
    </script>
</head>
<body>
    @Html.X().ResourceManager()
    @(Html.X().Window()
        .Title(Model.WindowTitle)
        .Height(215)
        .Width(350)
        .DefaultButton("Button1")
        .Modal(true)
        .Layout("fit")
        .Items(Html.X().FormPanel()
            .DefaultAnchor("100%")
            .BodyPadding(5)
            .Frame(true)
                    .Items(Html.X().ComboBox()
                .ID("ComboBoxCountry")
                .Editable(false)
                .QueryMode(DataLoadMode.Local)
                .TriggerAction(TriggerAction.All)
                .SelectOnFocus(true)
                .EmptyText("Select a country")            
                .Listeners(listen => { listen.Select.Fn = "onCountryChange"; })            
                .Items(
                    new ListItem("US", "1"),
                    new ListItem("India", "2"),
                    new ListItem("Bulgaria", "3"),
                    new ListItem("Canada", "4"),
                    new ListItem("Chile", "5")
                        ), Html.X().TextField().ID("Text1")
                                .Plugins(new InputMask { Mask = "(999) 999-9999", ID = "Input1", Placeholder = 'X', ClearWhenInvalid = false, AlwaysShow = true })
                                .Regex(@"^\(\d{3}\)\s\d{3}-\d{4}$")
            )
            .Buttons(Html.X().Button()
                .ID("Button1")
                .Text("Submit")
                .Icon(Icon.Accept)
                .DirectClickAction("SampleAction")
            )
        )
    )
</body>
</html>
    Last edited by MTSI; Oct 10, 2013 at 7:36 AM.
  4. #4
    Oct 10, 2013, 7:50 AM
    Hi @MTSI,

    A regex should be wrapped in "/".

    Please try:
    App.Text1.regex = /^(\+91[\-\s]?)?[89]\d{9}$/;
  5. #5
    Oct 10, 2013, 8:42 AM
    Quote Originally Posted by Daniil View Post
    Hi @MTSI,

    A regex should be wrapped in "/".

    Please try:
    App.Text1.regex = /^(\+91[\-\s]?)?[89]\d{9}$/;
    Thanks Daniil.
    I hold the regex in combobox store as string
    Actually I am setting as 
    App.Text1.regex = record.PhoneMask;
    How can I wrap the string?

    I used like this. but the regular expression is improper
    App.ContactTelephoneNumber.regex = /record.PhoneMask/;
  6. #6
    Oct 10, 2013, 8:49 AM
    I tried like this

    App.Text1.regex = new RegExp(record.PhoneRegex);
    Its working.
    Thanks

Similar Threads

  1. Applying InputMask dynamically on the client
    By MTSI in forum 2.x Help
    Replies: 1
    Last Post: Oct 13, 2013, 8:52 AM
  2. [CLOSED] Applying InputMask dynamically on the client
    By vadym.f in forum 1.x Legacy Premium Help
    Replies: 13
    Last Post: May 17, 2013, 4:18 AM
  3. [CLOSED] How to create Ext.net grid panel dynamically at client side
    By alscg in forum 2.x Legacy Premium Help
    Replies: 15
    Last Post: Apr 26, 2013, 5:37 AM
  4. [CLOSED] How to set regex dynamically on the client?
    By vadym.f in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 18, 2013, 12:20 PM
  5. Setting ShowHeaderCheckbox TRUE dynamically in client side.
    By Elyfran Vaz in forum 2.x Help
    Replies: 4
    Last Post: Dec 27, 2012, 12:07 PM

Tags for this Thread

Posting Permissions