Jquery 如果验证不起作用,请尝试注释您尝试验证的字段(消除过程)。例如,注释掉除第一个无效字段之外的所有字段。当它是唯一的字段时,它能工作吗?我去掉了滑块的内容,它工作得很好:您可以看到我是如何使用console.log()来跟踪和验证值的。我建议你做一些类似的事
Jquery 如果验证不起作用,请尝试注释您尝试验证的字段(消除过程)。例如,注释掉除第一个无效字段之外的所有字段。当它是唯一的字段时,它能工作吗?我去掉了滑块的内容,它工作得很好:您可以看到我是如何使用console.log()来跟踪和验证值的。我建议你做一些类似的事,jquery,jquery-validate,Jquery,Jquery Validate,如果验证不起作用,请尝试注释您尝试验证的字段(消除过程)。例如,注释掉除第一个无效字段之外的所有字段。当它是唯一的字段时,它能工作吗?我去掉了滑块的内容,它工作得很好:您可以看到我是如何使用console.log()来跟踪和验证值的。我建议你做一些类似的事情来找出我没有包含在演示中的代码中的问题。如果你将我上面发布的演示链接与你在问题中发布的代码进行比较,你可以看到我遗漏了什么。我不知道这是您的问题的原因还是您的代码中没有显示的其他内容。我确实知道你试图做的验证工作的核心。 Uncaught T
如果验证不起作用,请尝试注释您尝试验证的字段(消除过程)。例如,注释掉除第一个无效字段之外的所有字段。当它是唯一的字段时,它能工作吗?我去掉了滑块的内容,它工作得很好:您可以看到我是如何使用console.log()来跟踪和验证值的。我建议你做一些类似的事情来找出我没有包含在演示中的代码中的问题。如果你将我上面发布的演示链接与你在问题中发布的代码进行比较,你可以看到我遗漏了什么。我不知道这是您的问题的原因还是您的代码中没有显示的其他内容。我确实知道你试图做的验证工作的核心。
Uncaught TypeError: e[d].call is not a function
ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js:4 Uncaught TypeError: e[d].call is not a function
<form action="" autocomplete="on" method="POST" id="project-information-form">
<input type="text" class="input-borderless" id="project-name" name="name" placeholder="Your Name">
<input type="text" class="input-borderless" id="title-roll" name="title" placeholder="Title/Role">
<input type="email" class="input-borderless" id="project-email" name="email" placeholder="Email Address">
<input type="number" class="input-borderless" id="project-number" name="phone" placeholder="Phone Number">
<input type="text" class="input-borderless" id="project-company" name="company" placeholder="Company/URL">
<textarea rows="3" class="input-borderless" id="project-description" name="description" placeholder="Describe the project"></textarea>
<input type="text" class="input-borderless" id="project-source" name="referral" placeholder="How did you hear about us?">
<input type="text" class="input-borderless" id="project-socialMedia" name="social" placeholder="Which of our social media influenced you the most?">
<input type="text" class="input-borderless" id="project-humanTest" placeholder="Human Test: What day comess after Thursday?">
<input type="submit" id="submit-project" class="submit-project-button" value="Send Project Inquiry">
</form>
$(function() {
var iSelected = 0;
var ranges = [{
lower: 500,
upper: 1000
}, {
lower: 1100,
upper: 2000
}, {
lower: 2100,
upper: 5000
}, {
lower: 5100,
upper: 10000
}, {
lower: 11000,
upper: 20000
}, {
lower: 21000,
upper: 50000
}, ];
var wslider = $("#sliderBar").width() / (ranges.length);
for (var i = 0; i < ranges.length; i++) {
var range = $('<div class="rangedot"><div class="intervalCircle"></div></div>');
var left = (100 / (ranges.length) * i);
rangeleft = "calc(" + left + "% - 2px)";
range.css({
left: rangeleft,
width: wslider
});
range.on("click", function(idx) {
return function() {
iSelected = idx;
var sliderleft = wslider * idx;
$("#sliderInterval").animate({
left: sliderleft
});
$("#budgetAmount").text("$" + ranges[idx].lower.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + "$" + ranges[idx].upper.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
};
}(i));
$("#sliderBar").append(range);
$("#sliderInterval").css("width", wslider + "px");
}
//$("#sliderInterval").show().text("BUDGET");
$("#budgetAmount").show().text("$500 - $1,000");
//Send the project email
$("#submit-project").on("click", function(event) {
//event.preventDefault();
var project_name = $("#project-name").val();
var title_roll = $("#title-roll").val();
var project_email = $("#project-email").val();
var project_number = $("#project-number").val();
var project_company = $("#project-company").val();
var project_description = $("#project-description").val();
// var range_selected = iSelected;
var range_upper = ranges[iSelected].upper;
var range_lower = ranges[iSelected].lower;
var project_source = $("#project-source").val();
var project_socialMedia = $("#project-socialMedia").val();
var project_humanTest = $("#project-humanTest").val();
all_focused = [];
$('.project-option-boxes.box_focused').each(function() {
all_focused.push($(this).text());
});
$("#project-information-form").validate({
onfocusout: true,
rules: {
name: {
required: true,
minlength: 2
},
title: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
phone: {
required: true,
digits: true,
minlength: 10
},
company: {
required: true,
minlength: 2
},
description: {
required: true,
minlength: 10
},
referral: {
required: true,
minlength: 3
},
social: {
required: true,
minlength: 3
}
},
messages: {
name: {
required: "Please enter your name",
minlength: "Your name seems a bit short, doesn't it?"
},
title: {
required: "Please enter your title",
minlength: "Your title seems a bit short, doesn't it?"
},
email: {
required: "Please enter your email address",
email: "Please enter a valid email address"
},
phone: {
required: "Please enter your phone number",
digits: "Please enter a valid phone number",
minlength: "Your number seems a bit short, doesn't it?"
},
company: {
required: "Please enter your company or url",
minlength: "Your company/url seems a bit short. Please enter at least 2 characters"
},
description: {
required: "Please enter your Project Description",
minlength: "Your description seems a bit short, doesn't it?"
},
referral: {
required: "Please enter how you heard about us",
minlength: "Your response seems a bit short, doesn't it?"
},
social: {
required: "Please enter which social media platform you know we are on",
minlength: "Your social media source seems a bit short, doesn't it?"
}
},
//To allow the validate to work as typing
//onkeyup : true,
submitHandler: function(form) {