jquery validation 簡單驗證手機號碼

js代碼

  // 手機號碼驗證
        jQuery.validator.addMethod("isMobile", function(value, element) {
            var length = value.length;
            var mobile = /^(1)\d{10}$/;
            return this.optional(element) || (length == 11 && mobile.test(value));
        }, "請正確填寫手機號碼");

$("#jsForm").validate({

            focusInvalid: false,
            submitHandler: function (form) {

                form.submit();
            }
        });

 

Html 部分

  <div class="form-group">
                        <div class="col-lg-2  control-label text-right">手機</div>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" name="cell_phone"
                                   value="<?= $data['cell_phone'] ?>"  required data-rule-isMobile="true"  data-msg-required="*手機號不能為空">
                        </div>
                    </div>