Проверка JQuery с помощью HTML

Question

Я создал форму на новом веб-сайте и искал некоторую помощь при проверке формы с помощью JQuery, но не уверен, с чего начать. Я загрузил http://plugins.jquery.com/validationengine/. В заголовке тега ссылка на JQuery Libary и validatorEngine. Я не уверен теперь, как заставить движок работать с моей формой. Ниже мой код:

<div id="form"> 

    <form method="post" action="mailto:" enctype="text/plain"> 
    <INPUT TYPE="HIDDEN" NAME="RECIPIENT" VALUE=""> 
    <INPUT TYPE="HIDDEN" NAME="SUBJECT" VALUE="enquiry"> 

     <div id="col1"> 
       <label>First Name</label><br /> 
       <input id="fname" name="first name" class="input" type="text" value=""/> 
       <div id="clear"></div> 

       <label>Surname</label><br /> 
       <input id="sname" name="Surname" class="input" type="text" value="" /> 
       <div id="clear"></div> 

       <label>Telephone Number</label><br /> 
       <input id="tel" name="telephone" class="input" type="text" value="" /> 
       <div id="clear"></div> 

       <label>E mail</label><br /> 
       <input id="email" name="email" class="input" type="text" value="" /> 
       <div id="clear"></div> 

       <label>Message Subject</label><br /> 
       <select size="1" name="subject" id="subject"> 
        <option>Please choose:</option> 
        <option>Beauty Treatments</option> 
        <option>Holistic & Massage Treatments</option> 
        <option>Pamper Parties/Events</option> 
        <option>After Care</option> 
        <option>Special Offers</option> 
        <option>Other</option> 
       </select> 
       <div id="clear"></div> 
       </div> 

       <div id="col2">      
       <label>Message</label><br /> 
       <textarea id="message" name="notes" cols="" rows="" class="textarea"></textarea> 

     </div> 

Im новой для JQuery и нужно говорить о bascis первый пожалуйста.

Благодаря

Steve

Answer 1

Следуйте за этим:

Скачать Проверка JQuery плагин двигателя от here. и извлечь его.

Внутри папки вы можете найти эти два файла.

jquery.validationEngine-en.js 
jquery.validationEngine.js 

Копировать & Вставить в assets-> scripts-> вашего рабочего проекта.

Затем измените путь src, как показано ниже.

<script src="assets/scripts/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script> 

<script src="assets/scripts/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script> 

В вашем коде выполните следующие действия:

<script> 
    $(document).ready(function(){ 
     $("#id of ur form").validationEngine(); 
    }); 
</script> 


<label>First Name</label><br /> 
<input id="fname" name="first name" class="validate[required,minSize[6],maxSize[10]]" type="text" value=""/> 


<label>Surname</label><br /> 
<input id="sname" name="Surname" class="validate[required,minSize[6],maxSize[10]]" type="text" value="" /> 


<label>Telephone Number</label><br /> 
<input id="tel" name="telephone" class="validate[required,custom[onlyNumberSp],maxSize[10]]" type="text" value="" /> 


<label>E mail</label><br /> 
<input id="email" name="email" class="validate[required,custom[email],maxSize[30]]" type="text" value="" />