Как установить маску для номера телефона в ячейке таблицы?

Question

[Dommager]

Здравствуйте, как сделать так, чтобы на поле emp.Number накладывалась маска +X(XXX)XXX-XX-XX ?
Каким типом данных сделать это поле в БД?

Фрагмент кода(вывожу данные в таблицу html)

$(data).each(function (index, emp) {
st = emp.Id;
if (st2 < st) {
st2 = st;
(employeeTable).append('' + emp.Id + ''
+ emp.Name + '' + emp.Surname
+ '' + emp.Patronymic + '' + emp.Birthday
+ '' + emp.Salary + '' + emp.Position + '' + emp.Number + '');
}

Answer 1

[Stalker_RED]

Есть множество плагинов для таких масок, выберите какой вам больше нравится
https://www.google.com/search?q=jquery+phone+mask+...

В базе это строка (varchar).
Для понимания почему так: Заблуждения программистов о телефонных номерах

Comments

[Dommager]

Я плохо разбираюсь в jquery (вообще никак), пишу проект "на коленке" , по гайдам, потому что в данной ситуации по-другому не поступить и времени нет. Хотелось бы более точный ответ услышать , как применить маску конкретно к моей ситуации, т.е к ячейке в таблице. За varchar спасибо, в будущем буду знать

[Stalker_RED]

Dommager, я не знаю конкретно вашу ситуацию. Моя телепатия недостаточно крута, чтобы понять ваш замысел по обрывку, который вы показали.

Может вам регулярки хватит?
https://stackoverflow.com/questions/8760070/how-to...

[Dommager]

Stalker_RED,
Вот мой ajax запрос

function GetAllEmployees () {
            
            $.ajax({
                type: "POST",
                url: "WebService1.asmx/GetAllEmployees",
                dataType: "json",


                success:

                function (data) {
                    var employeeTable = $('#tblEmployee tbody');

                    if (clear_table == true && clr_tbl2 == true) { employeeTable.empty();  clr_tbl2 = false; }
                    

                    $(data).each(function (index, emp) {
                        st = emp.Id;
                        if (st2 < st) {
                            st2 = st;
                            (employeeTable).append('<tr><td>' + emp.Id + '</td><td>'
                                + emp.Name + '</td><td>' + emp.Surname
                                + '</td><td>' + emp.Patronymic + '</td><td>' + emp.Birthday
                                + '</td><td>' + emp.Salary + '</td><td>' + emp.Position + '</td><td>' + (<i>emp.PhoneNumber</i> + '</td></tr>');
                        }
                        
                            
                        

                    });
                    
                },
                error: function (err) {
                    alert(err);
                }

Вот код html-таблицы, в которую необходимо это все вставить. Работает корректно

<table id="tblEmployee" border="1" style="border-collapse:collapse">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Surname</th>
                <th>Patronymic</th>
                <th>Birthday</th>
                <th>Salary</th>
                <th>Position</th>
                <th>Phone Number</th>

            </tr>
        </thead>
        <tbody></tbody>
    </table>

Требуется применить маску к полю emp.PhoneNumber , выделил его курсивом