Jquery表单验证的问题

Question

我试图使用Jquery进行表单验证,遗憾的是我既不能显示空字段空消息也不能阻止用户将字段留空.

我使用以下查询进行验证

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

我在这里使用JSFiddle进行了演示

任何帮助都非常值得赞赏

Answer 1

您也可以使用锚点,但是您必须手动提交表单(小提琴).您也不应该在click事件上初始化验证.在加载时初始化它,然后只需提交表单以触发验证.

$(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();
  });