jQuery Validate Ajax 验证

jQuery Validate Ajax 实例

最新推荐文章于 2021-08-06 12:33:29 发布

转载最新推荐文章于 2021-08-06 12:33:29 发布 · 117 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery Validate插件结合Ajax实现表单验证的例子。具体展示了如何在点击按钮时触发表单验证，并通过Ajax提交数据到服务器进行进一步处理。

jQuery Validate Ajax 验证

<script type="text/javascript">
$(function() {

$('#formCityLink').validate({
        rules : {
            link : "required"
        },
        messages : {
            link : "请输入链接"
        },
        invalidHandler : function(){
            console.log('in invalidehandler');
            return false;
        },
        submitHandler : function(){
            console.log('in submithandler');
            var url = 'city_link/create.do';
            $.getJSON(url,{
                link:$('#link').val()
                },function(data){
                    alert(data.res)
            });
            return false;
        }
    });
    $('#btnSaveLink').click(function(){
        $('#formCityLink').submit();
    });

});