Em chào các anh !
Em có đoạn Code như này làm đi làm lại rồi nhưng Thầy vẫn nhận xét là vẫn chưa validate ckeditor ở ô giới thiệu thành viên, nên nhờ các anh xem giúp và chỉ em với ạ.
<html>
<head>
<title>jQuery Validator</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="học php" />
<meta name="description" content="học php" />
<script type="text/javascript" src="ckeditor/ckeditor.js" ></script>
<script type="text/javascript" src="jquery-1.11.3.min.js" ></script>
<script type="text/javascript" src="jquery.validate.min.js" ></script>
<script>
$().ready(function() {
// validate signup form on keyup and submit
$("#formlogin").validate({
rules: {
username: {
required: true,
minlength: 6,
},
password: {
required: true,
minlength: 6,
maxlength: 32,
},
confirm_password: {
minlength: 6,
required: true,
equalTo: "#password"
},
email: {
required: true,
email: true,
},
reemail: {
required: true,
equalTo: "#email"
},
hoten:{
required: true,
equalTo: "#hoten",
},
gioitinh:{
required: true,
equalTo: "#gioitinh",
},
thanhpho:{
required: true,
equalTo: "#thanhpho",
},
skype:{
required: true,
equalTo: "#skype",
},
gioithieu:{
required: true,
equalTo: "#gioithieu",
},
agree: "required"
},
messages: {
username: {
required: "Vui lòng nhập tên đăng nhập !",
minlength: "Tên truy cập phải có ít nhất 6 ký tự, nhiều nhất 32 ký tự"
},
password: {
required: "Vui lòng nhập mật khẩu !",
minlength: " Mật khẩu phải có ít nhất 6 ký tự"
},
confirm_password: {
required: "Vui lòng nhập lại mật khẩu !",
minlength: " Mật khẩu phải có ít nhất 6 ký tự",
equalTo: "Vui lòng nhập lại mật khẩu trên !"
},
email: {
required: "Email phải đúng định dạng !",
minlength: "Email phải đúng định dạng",
email: "Email phải đúng định dạng !"
},
reemail: {
required: "Vui lòng nhập lại emmail !",
minlength: " Mật khẩu phải có ít nhất 6 ký tự",
equalTo: "Xác nhận email phải trùng với Email đã nhập trên !"
},
hoten:{
required: "Nhập họ và tên",
equalTo: "Nhập họ và tên",
},
gioitinh:{
required: "Chọn",
equalTo: "Vui lòng lựa chọn giới tính",
},
thanhpho:{
required: "Chọn thành phố",
equalTo: "Vui lòng chọn thành phố",
},
skype:{
required: "Nhập nick Skype",
equalTo: "Vui lòng nhập nick Skype",
},
gioithieu:{
required: "Giới thiệu tóm tắt bản thân",
equalTo: "Giới thiệu tóm tắt bản thân",
},
//email: "Please enter a valid email address",
agree: "Please accept our policy",
topic: "Please select at least 2 topics"
}
});
// propose username by combining first- and lastname
$("#username").focus(function() {
var firstname = $("#firstname").val();
var lastname = $("#lastname").val();
if (firstname && lastname && !this.value) {
this.value = firstname + "." + lastname;
}
});
});
</script>
</head>
<body>
<p style="size:90%; font-style:italic">(*) Bắt buộc nhập</p>
<form action="" method="POST" name="formlogin" id="formlogin">
<table width="800px" border="1">
<tr><td colspan="2"><p style="color:#E97D13; text-align:center">VinaTAB EDU - Đã học là làm được</p></td></tr>
<tr><td colspan="2"><p style="color:#E97D13"><b>Đăng ký thành viên, gian hàng</b></p></td></tr>
<tr>
<td width="152px" valign="top">Tên truy cập(*): </td>
<td valign="top">
<input type="text" value="" name="username" id="username" size="32" /><br />
</td>
</tr>
<tr>
<td valign="top">Mật khẩu(*): </td>
<td valign="top">
<input type="password" value="" name="password" id="password" size="32" /><br />
</td>
</tr>
<tr>
<td valign="top">Xác nhận mật khẩu(*): </td>
<td valign="top">
<input type="password" value="" name="confirm_password" id="confirm_password" size="44" /><br />
</td>
</tr>
<tr>
<td valign="top">Họ và tên(*): </td>
<td valign="top">
<input type="text" value="" name="hoten" id="hoten" size="44" />
</td>
</tr>
<tr>
<td valign="top">Email(*): </td>
<td valign="top">
<input type="text" value="" name="email" id="email" size="44" /><br />
</td>
</tr>
<tr>
<td valign="top">Xác nhận email: </td>
<td valign="top">
<input type="text" value="" name="reemail" id="reemail" size="44" /><br />
</td>
</tr>
<tr>
<td valign="middle">Avatar/logo: </td>
<td valign="top">
<input type="file" value="" name="avatar" size="44" />
</td>
</tr>
<tr>
<td valign="top">Giới tính(*): </td>
<td valign="top" id="gioitinh">
Nam <input type="radio" value="nam" name="gioitinh"/>
Nữ <input type="radio" value="nu" name="gioitinh" /><br />
</td>
</tr>
<tr>
<td valign="top">Ngày sinh: </td>
<td valign="top">
<select name="ngay">
<option value="0">Ngày</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="31">31</option>
</select> -
<select name="thang">
<option value="0">Tháng</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="12">12</option>
</select> -
<select name="nam">
<option value="0">Năm</option>
<option value="1">2013</option>
<option value="2">2014</option>
<option value="12">2015</option>
<option value="12">2016</option>
</select> (dd-mm-yyyy)
</td>
</tr>
<tr>
<td valign="top">Thành phố(*): </td>
<td valign="top">
<select name="thanhpho" id="thanhpho">
<option value="">--[Chọn]--</option>
<option value="danang">Đà Nẵng</option>
<option value="hochiminh">Hồ Chí Minh</option>
<option value="hanoi">Hà Nội</option>
</select>
</td>
</tr>
<tr>
<td valign="top">Nick Yahoo: </td>
<td valign="top">
<input type="text" value="" name="yahoo" />
</td>
</tr>
<tr>
<td valign="top">Nick Skype(*): </td>
<td valign="top">
<input type="text" value="" name="skype" id="skype"/>
</td>
</tr>
<tr>
<td valign="top">Giới thiệu thành viên(*)</td>
<td valign="top">
<textarea class="ckeditor" rows="6" cols="80" name="gioithieu" id="gioithieu"></textarea>
</td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top">
<input type="submit" value="Submit" name="submit" />
<input type="reset" value="Reset" name="reset" />
</td>
</tr>
</table>
</form>
</body>
</html>