Javascript 使用jQuery验证验证选择
我正在尝试向选择框添加验证,但我收到一个错误Javascript 使用jQuery验证验证选择,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我正在尝试向选择框添加验证,但我收到一个错误没有指定名称我不知道指定的命名哪里有错 我正在使用MaterializeCSS框架,我怀疑其中的某些内容与jQuery验证冲突 我的脚本版本 <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="modules/jquer
没有指定名称
我不知道指定的命名哪里有错
我正在使用MaterializeCSS框架,我怀疑其中的某些内容与jQuery验证冲突
我的脚本版本
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="modules/jquery.validate.min.js"></script>
<script type="text/javascript" src="modules/additional-methods.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_pt_BR.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.10.3/sweetalert2.all.min.js"></scrip
单击按钮后将启动的Ajax
$('#publish-transporter').click(function () {
var payload = {
statusTransporter: $('#statusTransporter').val()
};
if (transporterPublish.valid()) {
$.ajax({
url: "/transporter/sucess",
type: "POST",
contentType: "application/json",
processData: false,
data: JSON.stringify(payload),
complete: function (data) {
swal(
'Good job!',
'You clicked the button!',
'success'
)
}
});
}
return false
});
谢谢你的帮助 了解您使用的jQuery版本和jQuery验证插件会有所帮助example@Connum很抱歉,我忘了在问题中添加插件版本和元素id,我现在就添加它。那么swal()函数做什么呢?请提供一个工作代码片段来演示您的问题。。。目前很难以任何方式帮助您。@Connum this swal()这只是一个模式成功,将在ajax发送成功后显示。它不会干扰验证。了解您正在使用哪个版本的jQuery和jQuery验证插件会有帮助。此外,没有id为“transporter”的元素在HTML中example@Connum很抱歉,我忘了在问题中添加插件版本和元素id,我现在就添加它。那么swal()函数做什么呢?请提供一个工作代码片段来演示您的问题。。。目前很难以任何方式帮助您。@Connum this swal()它只是一个模式成功,将在ajax发送成功后显示。它不会干扰验证
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
var transporterPublish = $("#transporter");
transporterPublish.validate({
lang: 'pt_BR',
errorClass: 'error',
errorElement: "div",
errorPlacement: function (error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).append(error)
} else {
error.insertAfter(element);
}
},
rules: {
statusTransporter: {
required: true
}
}
});
$('#publish-transporter').click(function () {
var payload = {
statusTransporter: $('#statusTransporter').val()
};
if (transporterPublish.valid()) {
$.ajax({
url: "/transporter/sucess",
type: "POST",
contentType: "application/json",
processData: false,
data: JSON.stringify(payload),
complete: function (data) {
swal(
'Good job!',
'You clicked the button!',
'success'
)
}
});
}
return false
});