jquery and jquery validation 常見問題解決

Cannot read property 'settings' of undefined jquery validation

這個問題經常發生在動態添加rule的時候。

 

解決方法

// 在timeout 方法中加入規則。
setTimeout(function() {
   $('#my_field').rules('add', { required: true })
}, 0);

　　

jquery validation remote 驗證自定義觸發時機

$("#addMaintainerForm").validate({
                    rules: {

                        name: {
                            required: true
                        },
                        cellPhone: {
                            required: true,
                            remote: {
                                param:{
                                    url: "url",
                                    type: "get"
                                },
    //depends 屬性用來肯定何時觸發，返回true 觸發，false 不觸發
                                depends:function(element){
                                    //remote 觸發時機，在失去焦點時觸發
                                    var focus=$("#cellPhone").is(":focus");
                                    console.log(focus);
                                    return !focus;
                                    
                                }
                                
                            },
                        }

                    },
                    messages: {

                        name: {
                            required: "請輸入姓名"
                        },
                        cellPhone: {
                            required: "請輸電話號碼",
                            remote: "電話號碼已存在"
                        }

                    }
                });