jQuery Validierung Nicht Funktioniert
Ich habe ein Problem mit meinem code, es scheint, die .validate
funktioniert nicht, aber all die Dokumente verbunden sind, und die Arbeit süß:
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>
quote.js:
jQuery(document).ready(function() {
//Home Validation
$("#quote").validate({
rules:{
companyName:{
required: true,
url: true
}
}
});
etc etc
- sind Sie gettin irgendeine Fehlermeldung?
- haben Sie versucht, die Einstellung der Klasse "required" auf ein input-element und sehen, ob das funktioniert? Das ist ein weiterer Weg, um zu erklären, Regeln. Und wie oben, sind Sie immer jede Konsole Fehler?
- Was bedeutet "funktioniert nicht" bedeutet?
- Dein code funktioniert genau wie erwartet... jsfiddle.net/ex44R/1
Du musst angemeldet sein, um einen Kommentar abzugeben.
Code, wie du gepostet hast, ist die Arbeit als erwartet... jsFiddle DEMO
Bezug auf Ihren code...
Wenn Sie habe jQuery in noConflict-Modus, dann Ihr code im noConflict-Modus ist gebrochen.
Bei der Verwendung
noConflict
- Modus, müssen Sie passieren die$
symbol in derdocument.ready
Funktion. Arbeiten demo...ODER, die Sie verwenden würden
jQuery
im Ort$
überall. Arbeiten demo...Sonst, ohne mit no-conflict-Modus, es würde nur so Aussehen. Arbeiten demo...