jQuery表单与查询技巧-优快云博客

jquery.form.js

ajax整体提交form表单，提交前验证，提交后处理

    var options = {
        // target:        '#output1',   // target element(s) to be updated with server response
        beforeSubmit: showRequest, // 回调函数，提交前验证
        success: showResponse, // 提交后处理

        // other available options:
        //url:       url         // override for form's 'action' attribute
        //type:      type        // 'get' or 'post', override for form's 'method' attribute
        dataType: 'json', // 'xml', 'script', or 'json' (expected server response type)
        //clearForm:true, // clear all form fields after successful submit
        //resetForm:true, // reset the form after successful submit
        forceSync: true,
        cache: false,
        contentType: 'application/x-www-form-urlencoded; charset=utf-8',
        // $.ajax options can be used here too, for example:
        timeout: 10000
    };

// bind form using 'ajaxForm'
    $("#form1").ajaxForm(options);

其实$.ajax()也可以完成，data字段$("#form1").serialize()即可

jquery.query.js

查询搜索时候用到。总感觉类似于http_build_query，但是修改设定的参数，其他url参数不变

        var newUrl = $.query.set('name', name).set('called_in', called_in).set('tel_date', tel_date).set('page', 1).toString();
        window.location.href = newUrl;

Validform.js

实在懒的写验证表单的tip，就用这个吧

当需要的2个关联表单时（证件类型和证件号）

官方demo没有例子，写在插件外面无效，这样可以

        $(".registerform:last").Validform({
            tiptype: 2,
            ignoreHidden: true,//隐藏区域不验证
            datatype: {
                "z2-4": /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/,
                "card": function (gets, obj, curform, regxp) { 
                    cert_type = $("select[name=cert_type]").children(":selected").val();
                    if (cert_type == '身份证') {
                        var reg1 = /^\d{15}(\d\d[0-9xX])?$/;
                        if (!reg1.test(gets)) {
                            return false;
                        }
                    }
                }
            }
        });