Attr Validation

	jQuery(document).ready(function() {
   
        $('#testform').attrvalidate();
        $('#resetBtn').click(function(){ $('#testform').attrvalidate('reset'); });
		
	});			
			

<form id="testform" novalidate>
      <label for="firstName">お名前</label>
      <input class="form-control" id="firstName" name="firstName" type="text" required data-error-msg="お名前を入力してください" />

      <label for="phoneNum">電話番号</label>
      <input class="form-control" id="phoneNum" name="phoneNum" type="tel" required />

      <label for="emailAddress">メールアドレス</label>
      <input class="form-control" id="emailAddress" name="emailAddress" type="email"></input>

      <label for="dateOfBirth">誕生日</label>
      <input class="form-control" id="dateOfBirth" name="dateOfBirth" type="date" max="1/1/2015"></input>

      <label for="powerRanger">職業</label>
      <select id="powerRanger" name="powerRanger" required>
        <option value="会社員">会社員</option>
		<option value="役員">役員</option>
		<option value="経営者">経営者</option>
		<option value="個人事業主">個人事業主</option>
		<option value="学生">学生</option>
		<option value="専業主婦">専業主婦</option>
		<option value="パート・アルバイト">パート・アルバイト</option>
      </select>

      <fieldset>
        <legend>どこで知りましたか</legend>
        <ul style="list-style:none">
			<li><input type="checkbox" id="media1" name="medua" value="検索サイト" /><label for="media1">検索サイト</label></li>
			<li><input type="checkbox" id="media2" name="media" value="郵送パンフレット" /><label for="media2">送パンフレット</label></li>
			<li><input type="checkbox" id="media3" name="media" value="知人の紹介" /><label for="media3">知人の紹介</label></li>
			<li><input type="checkbox" id="media4" name="media" value="その他" /><label for="media4">その他</label></li>
		</ul>
      </fieldset>

	<div class="btns form-inline">
      <button type="submit" class="btn btn-primary">この内容で登録する</button>
      <button type="reset" class="btn btn-default"  id="resetBtn">クリア</button>
   </div>
    </form>