JQuery Validate Не Рабочая

У меня есть проблема с моим кодом кажется .validate не работает, но все документы Подключенный и сладкий:JQuery 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>

quote.js :

jQuery(document).ready(function() { 
    //Home Validation 
    $("#quote").validate({ 
     rules:{ 
      companyName:{ 
       required: true, 
       url: true 
      } 
     } 
    }); 
etc etc

источник

2012-04-12 Jess McKenzie

Вы получаете сообщение об ошибке? – pollirrata

Вы пробовали установить класс на «требуемый» на элемент ввода и посмотреть, работает ли это? Это еще один способ объявить правила. И как выше, вы получаете какие-либо ошибки консоли? –

Что означает _ «не работает» _ означает? – Sparky

Ваш код, как вы отправили это, работает, как ожидалось ... jsFiddle DEMO

Что касается вашего кода ...

jQuery(document).ready(function() { 
    //Home Validation 
    $("#quote").validate({ 
     rules:{ 
      companyName:{ 
       required: true, 
       url: true 
      } 
     } 
    }); 
});

Если вы положили JQuery в noConflict mode, то your code in noConflict mode is broken.

При использовании режима noConflict вы должны передать символ $ в функцию document.ready. Working demo ...

$.noConflict(); 
jQuery(document).ready(function($) { 
    $("#quote").validate({ 
     // rules 
    }); 
});

ИЛИ, вы бы использовать jQuery вместо $ везде. Working demo ...

$.noConflict(); 
jQuery(document).ready(function() { 
    jQuery("#quote").validate({ 
     // rules 
    }); 
});

В противном случае, без использования режима нет-конфликта, было бы просто посмотреть, как это. Working demo ...

$(document).ready(function() { 
    $("#quote").validate({ 
     // rules 
    }); 
});

источник

2012-04-12 22:45:26 Sparky

JQuery Validate Не Рабочая

ответ

Смежные вопросы