Javascript 在表单提交时，单击提交输入字段如何启动JQuery验证？

我是JQuery的新手，我有以下问题。在一个页面中，我有一个表单，类似这样：

<s:form id="projectForm">
     <s:textfield name="kmProjectInfo.name" size="19"/>
     .....................................
     .....................................
     .....................................
     <s:submit style="display:none" id="submitButton" action="projectCreationAction"/>
</s:form>

正如您所看到的，这个脚本简单地使用前面呈现的输入字段name=“kmProjectInfo.name”，并表示该字段是必需的

我的问题是，当前脚本在文档完全加载时启动（因为它被定义为$（document）.ready（）函数），但我绝对需要验证只在表单提交时发生，单击具有id=“submitButton”的呈现输入字段，此字段：

<input id="submitButton" type="submit" style="" value="Submit" name="action:projectCreationAction">

我怎么能做这件事？你能帮我做吗

---

Tnx

单击submitButton按钮，将代码放入其中

$("#submitButton").on('click',function() {

        // VALIDATION:

        var validator = $("#projectForm").validate({
            rules: {
                "kmProjectInfo.name": "required"
            },
            messages: {
                "kmProjectInfo.name": "Please enter a project name"
            }
        })
    });

或者，如果要将其保存在document ready正文中：

$(document).ready(function()
{      
    $("#submitButton").click(function(){
        // VALIDATION:
        var validator = $("#projectForm").validate({
            rules: {
                "kmProjectInfo.name": "required"
            },
            messages: {
                "kmProjectInfo.name": "Please enter a project name"
            }
        })
    });  
});  

试试这个

$(document).ready(function() {
  $("#projectForm").on('submit',function(){
     // VALIDATION:
     var validator = $(this).validate({
         rules: {
            "kmProjectInfo.name": "required"
         },
         messages: {
            "kmProjectInfo.name": "Please enter a project name"
         }
     });
   });
});

$("#submitButton").on('click',function() {

        // VALIDATION:

        var validator = $("#projectForm").validate({
            rules: {
                "kmProjectInfo.name": "required"
            },
            messages: {
                "kmProjectInfo.name": "Please enter a project name"
            }
        })
    });

$(document).on("click","#submitButton",function(e)
{
    // VALIDATION:
    var validator = $("#projectForm").validate({
        rules: {
            "kmProjectInfo.name": "required"
        },
        messages: {
            "kmProjectInfo.name": "Please enter a project name"
        }
    })
});

$(document).ready(function()
{      
    $("#submitButton").click(function(){
        // VALIDATION:
        var validator = $("#projectForm").validate({
            rules: {
                "kmProjectInfo.name": "required"
            },
            messages: {
                "kmProjectInfo.name": "Please enter a project name"
            }
        })
    });  
});  

$(document).ready(function() {
  $("#projectForm").on('submit',function(){
     // VALIDATION:
     var validator = $(this).validate({
         rules: {
            "kmProjectInfo.name": "required"
         },
         messages: {
            "kmProjectInfo.name": "Please enter a project name"
         }
     });
   });
});