Javascript 如何验证表单,然后发出post http请求jQuery

Javascript 如何验证表单,然后发出post http请求jQuery,javascript,jquery,jquery-validation-engine,Javascript,Jquery,Jquery Validation Engine,我正在尝试验证我的表单。例如,当用户没有输入任何值或空格时,jQuery验证插件将检测到错误并显示一条错误消息,称为“请填写字段”或“无空格”。如果验证正确,将在jQueryAjax的帮助下发出POSThttp请求,将信息发送到服务器。目前,我能够验证,但无法在用户单击submit时发出post HTTP请求。这是我的密码 函数WebFormData(inLessonName){ this.lessonName=inLessonName; } $(“#数据表单”)。验证({ 规则:{ les

我正在尝试验证我的表单。例如,当用户没有输入任何值或空格时,jQuery验证插件将检测到错误并显示一条错误消息,称为“请填写字段”或“无空格”。如果验证正确,将在jQueryAjax的帮助下发出POSThttp请求,将信息发送到服务器。目前,我能够验证,但无法在用户单击submit时发出post HTTP请求。这是我的密码


函数WebFormData(inLessonName){
this.lessonName=inLessonName;
}
$(“#数据表单”)。验证({
规则:{
lessonName:{
要求:正确,
nowhitespace:是的
}
},
submitHandler:函数(表单){
var collectedLessonName=$('#lessonName').val();
var webFormData=新的webFormData(collectedLessonName);
var webFormDataInString=JSON.stringify(webFormData);
$saveSessionSynopsisDataHandler=$.ajax({
方法:“POST”,
url:“/API/Session”,
数据类型:“json”,
contentType:'应用程序/json;',
数据:““+webFormDataInString+””
});
}
});

课程名称

对调用函数的
表单使用
onsubmit
方法。如果返回
false
,则不提交,如果
true
,则表单提交。只需在jquery中添加我的示例

函数验证(){
//检查您想在这里检查的任何内容,如果有空格之类的错误,则返回false
if(document.getElementById(“name”).value.length<1){
窗口提示(“填写字段”);
返回false;//未提交表单
}否则{
//如果一切顺利,那么你可以提交
返回true;
}
}

姓名:

能否尝试将type=“button”更改为type=“submit”?我经常看到提交处理程序事件没有因此触发。另外,如果我记得正确的话,它的类型是:“POST”而不是method。