Javascript 验证未触发submitHandler
正如标题中所述,submitHandler未启动/被访问,但验证工作正常。提交处理程序处于正确的状态,但未启动Javascript 验证未触发submitHandler,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,正如标题中所述,submitHandler未启动/被访问,但验证工作正常。提交处理程序处于正确的状态,但未启动 $(function () { $("#form").validate({ rules: { domain: { required: true }, playerClass: { required: true, } }, submitHandler:
$(function () {
$("#form").validate({
rules: {
domain: {
required: true
},
playerClass: {
required: true,
}
},
submitHandler: function (form) {
var accountNumber = $("input#accountNumber").val();
var domain = $("input#domain").val();
var playerClass = $("input#playerClass").val();
var dataString = JSON.stringify([{
"accountNumber": accountNumber,
"playerClass": playerClass
}]);
//Save Form Data........
$.ajax({
type: "POST",
dataType: "json",
url: "/",
contentType: "application/json",
data: dataString,
success: function () {
$('.render-info').html("<div class='alert alert-success'>You've successfully built your player code</div>");
$(".player-code").show();
},
failure: function () {
alert(dataString);
$('.render-info').html("<div class='alert alert-failure'>Submission Error</div>");
}
});
$(".player-code").show();
}
});
});
$(函数(){
$(“#表格”)。验证({
规则:{
域:{
必填项:true
},
玩家等级:{
要求:正确,
}
},
submitHandler:函数(表单){
var accountNumber=$(“输入#accountNumber”).val();
var domain=$(“输入#域”).val();
var playerClass=$(“输入#playerClass”).val();
var dataString=JSON.stringify([{
“accountNumber”:accountNumber,
“玩家类”:玩家类
}]);
//保存表单数据。。。。。。。。
$.ajax({
类型:“POST”,
数据类型:“json”,
网址:“/”,
contentType:“应用程序/json”,
数据:dataString,
成功:函数(){
$('.render info').html(“您已经成功构建了播放器代码”);
$(“.player code”).show();
},
失败:函数(){
警报(数据串);
$('.render info').html(“提交错误”);
}
});
$(“.player code”).show();
}
});
});
jsFIDLE:因为您没有真正的提交按钮。
div
不是按钮
<div class="btn btn-default submit">Submit</div>
或
提交
您需要在OP中显示所有相关内容。是的,我刚刚意识到我没有正确创建它。需要更多的咖啡!
<input type="submit" class="submit" />
<button type="submit" class="submit">Submit</button>