Question

出于某种原因，我无法完全掌握使用jquery进行表单验证。基本上我正在寻找的是根据我设置的规则验证表单（即名称：“required”），当我点击提交按钮时，如果不满足这些规则，则表单不会被提交。

这是我想出来的，但它不起作用，我真的迷失了。即使不符合规则，它仍会提交表格。即;如果我没有填写project_title或国家/地区字段

$("#myform").validate({
    rules:{
        project_title: {
            required:true
        },
        country: {
            required:true
        } 
});

$("#myform").on('submit', function(e){
    var isvalidate=$("#myform").valid();
    if(isvalidate)
    {
        e.preventDefault();
        alert(getvalues("myform"));
    }
});

Answer 1

 $("#form1").validate({
     debug: false,
 rules: {
 project-title: "required",

 country: {
 required: true,

}
},
messages: {
project-title: "Please enter your project-title.",
country: "Please enter your country.",

},
submitHandler: function(form) {

 $.post('nextstep.php', $("#form1").serialize(), function(data) {
 $('#result').html(data);
});
}
});
});
</script>


 in html put 
<div id="result"></div>

Answer 2

您的规则对象格式错误：

$("#myform").validate({
    rules:{
        project_title: {
            required:true
        },
        country: {
            required:true
        } 
    } // you're missing this closing curly brace
});

工作Fiddle。

关于使用jquery验证的正确方法非常困惑

2 个答案: