jquery表单插件报错 Uncaught TypeError: Cannot read property 'form' of undefined

zhangzy_java 发布于 2018/05/01 17:26
阅读 2K+
收藏 0

<script src="/js/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/jquery.form.min.js"></script>
<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
<script class="resources library" src="/js/area.js" type="text/javascript"></script>
</head>

<body>
<form action="" id="addForm" method="post">
<div align="center">
<ul>
<li><span style="color:red">*</span>收货人:&nbsp;&nbsp;&nbsp;<input type="text" name="receiver"></li>
<li  style="margin-top:20px"><span style="color:red">*</span>固定电话:<input type="text" name="callphone"></li>
<li style="margin-top:20px"><span style="color:red">*</span>手机号:&nbsp;&nbsp;&nbsp;<input type="text" name="mobilephone"></li>
</ul>
</div>

<div class="info">

<div>
<ul>
<li style="margin-top:20px"><span style="color:red">*</span>收货人地址:
<select id="s_province" name="s_province"></select>

<select id="s_city" name="s_city" ></select>

<select id="s_county" name="s_county"></select></li> 
<li style="margin-top:20px"><span style="color:red">*</span>邮编:&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="postno"> </li>
<li style="margin-top:20px"><span style="color:red">*</span>详细地址: </li>
<li><textarea name="showadd" style="width:300px;height:80px;"></textarea></li>
</ul>    
<script type="text/javascript">_init_area();</script>
</div>

<div id="show"></div>
</div>
</form>
<div style="align:center">
<ul>
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" id="save" value="确定">&nbsp;&nbsp;&nbsp;<input type="button" id="cancel" value="取消" onclick="cancel()"></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
     $("#save").click(function (){
               //form验证通过时,再提交form
               if(validate.form()){
                   $("#addForm").ajaxSubmit({
                       type:'post',
                       url:"<%=basePath%>addAddress",
                       success:function (data) {
                           if(data){
                               alert("添加收货地址成功");
                               window.close();
                           }
                           else{
                               aletr("添加收货地址失败");
                           }            
                       }
                   });
                   }
            var validate = $("form").validate({ 
                rules:{
                    receiver:{
                        required:true,
                        
                    },
                    callphone:{
                        required:true
                    },
                    mobilephone:{
                        required:true,
                    },
                    s_province:{
                        required:true
                    },
                    s_city:{
                        required:true
                    }, 
                    s_county:{
                        required:true
                    },
                    postno:{
                        required:true
                    },
                    showadd:{
                        required:true
                    }
                },
                messages:{
                    receiver:{
                        required:"请输入收货人姓名",
                    },
                    callphone:{
                        required:"请输入固定电话",
                    },
                    mobilephone:{
                        required:"请输入手机号",
                    },
                    s_province:{
                        required:"请选择省份"
                    },
                    s_city:{
                        required:"请选择城市"
                    },
                    s_county:{
                        required:"请选择县区"
                    },
                    postno:{
                        required:"请输入邮编"
                    },
                    showadd:{
                         required:"请填写详细地址"
                    }
                }
                          
                    }); 
               
               
               });
});

function cancel(){
    window.close();
    opener.location.reload();
}
var showArea = function(){

    $('#show').innerHTML = "<h3>省" + $('#s_province').value + " - 市" +     

    $('#s_city').value + " - 县/区" + 

    $('#s_county').value + "</h3>"

                            }

$('#s_county').attr('onchange','showArea()');
</script>
</body>
</html>

加载中
返回顶部
顶部