小编Sim*_*erg的帖子

我很难让jQuery Validation插件按我的意愿工作.

我所拥有的是一个包含多个必需输入的表单,规则如下所示:

$("#makeEvent").validate({
    onfocusout: false,
    rules: {
        name: {
            required: true,
            minLength: 2,
            maxLength: 100
        },
        host: {
            required: true,
            minLength: 2,
            maxLength: 100
        },
        startDate: {
            required: true,
            date: true
        },
        endDate: {
            required: true,
            date: true
        },
        desc: {
            required: true,
            minLength: 10,
            maxLength: 255
        },
        webpage: {
            required: false,
            url: true
        },
        email: {
            required: true,
            email: true
        },
    }
});

现在我有一个自定义.click()调用,我想验证表单,然后在允许用户发送表单之前显示用户的预览.请参阅以下功能:

$('#submitPreview').click(function() {
    if($("#makeEvent").valid() === false) {
        //What to do if validation fails
    } else …

我目前有两个锚标签发送url查询将投票放入数据库,但我想切换到使用表单保持网址清洁,避免重复查询(不是真正的问题,但使它看起来很丑).

现在锚点需要在里面包含一个span-tag,以便通过css向按钮(链接)添加额外的背景元素,因此我不能使用常规的表单按钮.

您是否考虑过使用javascipt作为不良做法从锚点提交这些表单？我可以想到其他一些解决方案,但它们似乎都不值得麻烦.我应该保持一个无脚本回退,其中禁用javascript的用户可以发送url查询(我真的想完全避免url查询)？如果,那么最好如何执行？

谢谢,
西蒙.