2017年12月15日 星期五

JQuery Validate Remote

http://www.cc.ntu.edu.tw/chinese/epaper/0033/20150620_3307.html

https://jqueryvalidation.org/remote-method/

自訂驗證方式主要是用ajax打後端取得驗證結果

範例如下:
        var validator = $form.validate({
            rules: {
                //定義驗證規則,其中屬性名為表單的name屬性
                'ApplicationContentViewModel.CellPhoneNumber': {
                    required: true,
                    remote: {
                        url: '/RentalApplication/CheckCellPhoneNumber',
                        type: 'POST',
                        dateType: 'json',
                        data: {
                            mobileType: function () {
                                setFilterData();
                                return filterData.MobileType;
                            },
                            cellPhoneNumber: function () {
                                return $('#ApplicationContentViewModel_CellPhoneNumber').val();
                            }
                        }
                    }
                }
            },
            messages: {
                'ApplicationContentViewModel.CellPhoneNumber': {
                    remote: "該郵箱已存在!"
                }
            }
        });