jquery - Jquery 表单验证的问题

Question

我正在尝试使用 Jquery 进行表单验证，不幸的是，我既不能显示空字段空消息，也不能阻止用户将字段留空。

我正在使用以下查询进行验证

 $("#frm").validate( {  
                    rules : {  
                        empName : "required"  
                    }  
                });  

我在这里使用 JSFiddle放了一个演示

任何帮助都是非常可观的

Answer 1

您也可以使用锚点，但您必须手动提交表单（小提琴）。您也不应该在单击事件上初始化验证。在加载时对其进行初始化，然后只需提交表单即可触发验证。

$(document).ready(function(){
    $("#frm").validate( {  
        ignore: '*:not([name])', //Fixes your name issue
        rules : {  
            empName : "required"  
        },
        messages: {
            empName: {
                required: "Please enter name"
            }
        }  
    });  

    $("#saveB").click(function(){
        $("#frm").submit();    
    });   
});

或者您也可以valid不提交表单（小提琴）使用：

  $("#saveB").click(function(){
        $("#frm").valid();
  }); 

Answer 2

是你的锚导致了问题 - 即它的href属性。我的建议是使用替代验证触发器，例如像<button>.

在这里工作 jsFiddle。