将电话号码动态添加到模式中,并将输入掩码应用于所有电话号码

dynamically adding phone numbers to the modal and applying input masks to all of them

提问人:Kiseiki 提问时间:10/24/2023 更新时间:10/24/2023 访问量:16

问:

如何动态地将电话号码设为输入掩码? 如何将电话号码的加号按钮设置为始终位于末尾? 如何删除电话号码? 如何将电话号码发送到尽可能多的 office-not-actions.php? 我希望用户能够输入他们的电话号码,并且新打开的电话号码可以使用输入掩码动态打开。 我还想动态删除它。 我正在使用MongoDB。

. . .

 <div class="form-group">
                        <label for="tel">Phones</label>
                        <div class="input-group">
                            <input type="text" class="form-control pMask" placeholder="Phone" id="tel" name="tel">
                            <button type="button" id="phoneAdd" class="btn btn-primary">+</button>
                        </div>
                    </div>
$(document).ready(function() {
   var telCounter = 1;
         $(document).off('click', '#phoneAdd').on('click', '#phoneAdd', function() {
                telCounter++;
                var newInput = $("<input>", {
                    type: "text",
                    class: "form-control pMask",
                    placeholder: "Phone",
                    id: "tel" + telCounter,
                    name: "tel" + telCounter
                });
                $(".input-group").append(newInput);
            });


         $(".pMask").inputmask({"mask": "0999 999 99 99","clearIncomplete": true});

  function save() {

          .
          .
          .
          var tel = $('#tel').val();

          $.post(
              'partials/actions.php',
              {
                  "_": $.now(),
                  "action": "saveOffice",
                 .
                 .
                 .
                  "tel": tel
              },
          function (data) {
            if (data=="Succes") {

              $('#createModal').modal('hide');
              userdatatable.ajax.reload();

            }
            else {
              alert("Failure");
            }
          }
          );
        }

. . .

jquery 表单 bootstrap-5 jquery-inputmask

评论


答: 暂无答案