jQuery 远程验证强制双击提交表单

标签 jquery forms validation

我正在尝试远程验证表单字段。如果当我在页面上时该字段获得焦点,那么一切都会很好。但是,如果该字段从未获得焦点,则该表单需要我单击“提交”按钮两次才能成功提交。

我希望它只验证字段是否获得焦点,或者以某种方式阻止表单需要单击两次才能提交。大家有什么想法吗?

$("#form1").validate({
    rules: {
        project: {
            required: true,
            remote: "check.php"
        }
    },
    messages: {
        project: {
            required: "Required.",
            remote: "Check Failed."
        }
    },
});

<input type="text" name="project" id="project" value="X"/>

最佳答案

Instead of making ajax setup to false you can just set "project" "remote" async to false like this

$("#form1").validate({
    rules: {
        project: {
            required: true,
            remote: {url:"check.php", async:false}
        }
    },
    messages: {
        project: {
            required: "Required.",
            remote: "Check Failed."
        }
    },
});

关于jQuery 远程验证强制双击提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4764124/

相关文章:

javascript - 在php中使用ajax提交multipart/form-data为null

javascript - 单击提交按钮获取输入框值

python - 在所有 View 函数 django 中传递表单的优化方式

javascript - 无法在 javascript 脚本标记内输出实际的 json 数据

javascript - 无法使用DataTable的排序功能

javascript - 猫头鹰轮播视频没有响应地调整大小

mysql - CakePHP:在日期时间和验证表单之间搜索

javascript - Uncaught ReferenceError : sendEmail is not defined

ios - 使 `UITextField` 的某些部分无法选择

html - Facebook Likebox "allowTransparency"在 W3C 验证器中给出无效的 XHTML