jQuery验证不工作
我的代码有问题,jQuery验证不工作,jquery,jquery-validate,Jquery,Jquery Validate,我的代码有问题,.validate似乎不起作用,但所有文档都已连接并正常工作: HTML: <!DOCTYPE html> <html> <title>Site Name Quote Form</title> <link rel="stylesheet" href="http://domain.co.nz/_assets/css/style.css"/> <body> <div id="wrap
.validate
似乎不起作用,但所有文档都已连接并正常工作:
HTML:
<!DOCTYPE html>
<html>
<title>Site Name Quote Form</title>
<link rel="stylesheet" href="http://domain.co.nz/_assets/css/style.css"/>
<body>
<div id="wrapperQuote">
<h1>Site Name Quote</h1>
<p class="quoteError"><?php echo validation_errors(); ?></p>
<p class="step">Step 1: Company Details</p>
<form id="quote" action="home/hosting" method="post">
<fieldset>
<legend>Company Details:</legend>
<label for="companyName">Company Name: </label><input type="input" name="companyName" id="companyName"/>
<label for="companySlogan">Company Slogan: </label><input type="input" name="companySlogan" id="companySlogan"/>
<label for="companyContact">Company Contact: </label><input type="input" name="companyContact" id="companyContact"/>
<label for="companyEmail">Company E-Mail: </label><input type="email" name="companyEmail" id="companyEmail"/>
<label for="companyWebsite">Company Website: </label><input type="url" name="companyWebsite" id="companyWebsite" placeholder="http://"/>
<label for="companyPhone">Company Phone: </label><input type="phone" name="companyPhone" id="companyPhone"/>
<label for="companyFax">Company Fax: </label><input type="phone" name="companyFax" id="companyFax"/>
<label for="companyAddress">Company Address: </label><textarea name="companyAddress" id="companyAddress"></textarea>
<input type="submit" class="nextButton" value="Next" />
</fieldset>
</form>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://domain.co.nz/_assets/js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="http://domain.co.nz/_assets/js/jquery.validate.min.js"></script>
<script src="http://domain.co.nz/_assets/js/quote.js"></script>
</body>
</html>
jQuery(document).ready(function() {
//Home Validation
$("#quote").validate({
rules:{
companyName:{
required: true,
url: true
}
}
});
etc etc
正如您发布的代码一样,您的代码正在按预期工作 关于你的代码
jQuery(document).ready(function() {
//Home Validation
$("#quote").validate({
rules:{
companyName:{
required: true,
url: true
}
}
});
});
如果您已经将jQuery放入,那么
使用noConflict
模式时,必须将$
符号传递到文档中。就绪
功能
或者,您可以使用jQuery
代替$
无处不在
否则,如果不使用“无冲突”模式,它就会像这样
您是否收到任何错误消息?您是否尝试在输入元素上将类设置为“required”并查看是否有效?这是宣布规则的另一种方式。如上所述,您是否收到任何控制台错误?什么是“不工作”意思?您的代码完全按照预期工作。。。
$.noConflict();
jQuery(document).ready(function($) {
$("#quote").validate({
// rules
});
});
$.noConflict();
jQuery(document).ready(function() {
jQuery("#quote").validate({
// rules
});
});
$(document).ready(function() {
$("#quote").validate({
// rules
});
});