jquery - Jquery 表单验证问题

Question

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

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

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

我放了一个演示here使用 JSFiddle

非常感谢任何帮助

Answer 1

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

$(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而不提交表单(fiddle):

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