Validate Bootstrap

新規会員登録
    
	$('form').validator();
	$('form').submit(function(e) {
		e.preventDefault();

        if ($('form').validator('check') < 1) {
			alert('valid form!');
        }
    });
			
	<form class="form">

			<div id="title">
				<img class="img-responsive" src="images/regist_title.png" alt="新規会員登録" />
			</div>
		
			<div class="form-group">
				<label for="inputName">First Name</label>
				<input class="form-control" id="fname" type="text" placeholder="First name" required>
			</div>
			<div class="form-group">
				<label for="inputName">Last Name</label>
				<input class="form-control" id="lname" min="3" required type="text" placeholder="Last name" data-error-msg="Required. Minimum 3 characters.">
			</div>
			<div class="form-group">
				<label for="inputEmail">Email</label>
				<input class="form-control" id="email" name="email" type="email" placeholder="Enter Email" required data-error-msg="Required. Must be valid e-mail address.">
			</div>
			<div class="form-group">
				<label for='somenumber'>Phone Number:</label>
				 <input id='somenumber' class='form-control' type='number' required data-error-msg="Required. Must be a number.">
			</div>
			<div class="form-group">
				<div class="form-inline">
					<label class="control-label" for="job">職業</label>
					<select class="form-control" required id="selectrequired">
						<option value="会社員">会社員</option>
						<option value="役員">役員</option>
						<option value="経営者">経営者</option>
						<option value="個人事業主">個人事業主</option>
						<option value="学生">学生</option>
						<option value="専業主婦">専業主婦</option>
						<option value="パート・アルバイト">パート・アルバイト</option>
					</select>
				</div>
			</div>
			<div class="btns form-inline">
				<button type="submit" class="btn btn-primary">この内容で登録する</button>
				<button type="reset" class="btn btn-default">クリア</button>
             </div>
		
		</form>
          	
ページトップへ戻る