[英]Kendo Validation isn't firing on button click
I have validation on a div's contents, and they are a bunch of inputs and dropdownlists, and I can't get the validation to work at all.. On the document.ready I hydrate the dropdownlists and go from there, but when I click on my submit button, the validation doesn't fire and I am not getting any console errors either 我已经对div的内容进行了验证,并且它们是一堆输入和下拉列表,我根本无法通过验证。.在document.ready上,我将下拉列表水化并从那里移开,但是当我单击在我的提交按钮上,验证不会触发,并且我也没有收到任何控制台错误
My markup is 我的标记是
<div class="container">
<div class="form-horizontal">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="col-md-12">
<div id="FARInfo">
<div class="row">
<div class="form-group">
<center><h1 style="font-weight:bold; color:#1d5f86">Create Alert</h1></center>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-4">
<input id="ddState" class="form-control max-size" name="state" required validationMessage="Required" />
<span class="k-invalid-msg" data-for="state"></span>
</div>
<div class="col-md-8">
<input id="ddCounty" class="form-control max-size topMargin" name="county" required validationMessage="Required" />
<span class="k-invalid-msg" data-for="county"></span>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12">
<input id="ddDepartment" class="form-control max-size" name="department" required validationMessage="Required" />
<span class="k-invalid-msg" data-for="department"></span>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12">
<input id="ddDistrict" class="form-control max-size" name="district" required validationMessage="Required" />
<span class="k-invalid-msg" data-for="district"></span>
</div>
</div>
</div><!-- End District -->
<div class="row">
<div class="form-group">
<div class="col-md-12">
<input type="text" id="txtReporter" class="form-control" name="reporter" placeholder="Reporter" required validationMessage="Required" style="max-width:100%;" />
<span class="k-invalid-msg" data-for="reporter"></span>
</div>
</div>
</div><!-- End Reporting Party -->
<div class="row">
<div class="form-group">
<div class="col-md-12">
<input type="text" id="txtAddress" class="form-control" name="address" placeholder="Address" required validationMessage="Required" style="max-width:100%;" />
<span class="k-invalid-msg" data-for="address"></span>
</div>
</div>
</div><!-- End Address -->
<div class="row">
<div class="form-group">
<div id="Cancel" class="col-md-6">
<div class="form-control" id="CancelFAR" style="background-color:#1D5F86; color:white; font-weight:bold">
<center><a href="@Url.Content("~/Home/Index")" style="text-decoration:none; color:white;">Cancel</a></center>
</div>
</div>
<div class="col-md-6">
<button class="btn btn-block btn-success" id="SubmitFAR">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
my document.ready is (minus the other functions in it) 我的document.ready是(减去其中的其他功能)
$(document).ready(function () {
var validator = $('#FARInfo').kendoValidator();
});
and my button click event is 我的按钮点击事件是
$('#SubmitFAR').on('click', function () {
var validator = $("#FARInfo").kendoValidator().data("kendoValidator");
if(validator.validate()){
SubmitFAR();
}
}); });
You need the var validator = $("#FARInfo").kendoValidator().data("kendoValidator");
您需要var validator = $("#FARInfo").kendoValidator().data("kendoValidator");
only once. 只有一次。 But this isn't really a prolem. 但这并不是一个难题。
I rebuild your source and can't reproduce your error, for me your required-validators work. 我重建了您的源代码,并且无法重现您的错误,对我来说,您需要的验证程序可以工作。 Maybe you loaded your scripts in the wrong way? 也许您以错误的方式加载了脚本?
Take a look: https://dojo.telerik.com/OyUFu 看一看: https : //dojo.telerik.com/OyUFu
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.