Anh em học lập trình Web viết Java script thì vào Tú hỏi chút :D

administrator

Administrator
Staff member
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BT 1</title>

<script language="javascript">
function kt()
 {

	var ten=document.getElementById("tenID");
	
		if(ten.value=="")
		{
		    alert(" Ten dang nhap khong duoc de trong"); 
			return false;
		}
		if(!is_username(ten.value))
		{
			  alert("Khong duoc nhap ky tu dac biet"); 
				return false;
		}
	
	var pass1=document.getElementById("passID1");	
		if(pass1.value=="")
		{
		    alert("PassWord khong duoc de trong"); 
			return false;
		}
		
	var pass2=document.getElementById("passID2");	
		if(pass2.value=="")
		{
		    alert("PassWord khong duoc de trong"); 
			return false;
		}
		if(pass1.value!=pass2.value)
		{
			alert("Hai o mat nhau nhap khong giong nhau");
			return false;
		}
 	var ct=document.getElementById("ctID");	
		if(ct.value=="")
		{
		    alert("Ten cong ty khong duoc de trong"); 
			return false;
		}
	 var ct=document.getElementById("dcID");	
		if(ct.value=="")
		{
		    alert("Dia chi cong ty khong duoc de trong"); 
			return false;
		}	




	var dt=document.getElementById("dtID");	
		if(dt.value=="")
		{
		    alert("Dien thoai khong duoc de trong"); 
			return false;
		}	
		if(!is_email(dt.value))
		{
			  alert("So dien thoai ban nhap khong hop le, vui long cung cap so dien thoai chinh xac"); 
				return false;
		}
		
		
	var tenlh=document.getElementById("tenlhID");	
		if(tenlh.value=="")
		{
		    alert("Ten nguoi lien he khong duoc de trong"); 
			return false;
		}	
		
	var kt=document.getElementById("mailID");	
		if(kt.value=="")
		{
		    alert("Email khong duoc de trong"); 
			return false;
		}	
		if(!is_email(kt.value))
		{
			  alert("Email nhap khong hop le, vui long cung cap so dien thoai chinh xac"); 
				return false;
		}
		
		return true;
		}
		
		function is_phone(num) { return(/^(0121|0122|0123|0125|0127|0166|0167|0168|0169|0199|090|091|092|093|094|095|096|097|098)(\d{7})$/i).test(num)};
		function is_username(value) { return (value.match(/^[0-9]/) == null) && (value.search(/^[0-9_a-zA-Z]*$/) > -1); 
		function is_email(str) {return(/^[a-z][a-z-_0-9\.]+@[a-z-_=>0-9\.]+\.[a-z]{2,3}$/i).test(str)};


}
</script>


</head>

<body>
Lưu ý: <br />
Vui lòng nhập đầy đủ thông tin<br />
<hr />
<form onSubmit="return kt();" id="dangky" action="" method="post">
  <table width="621" border="0" align="center">
    <tr>
      <td width="160">T&ecirc;n đăng nhập </td>
      <td width="445"><input name="textfield" id="tenID" type="text" size="50" maxlength="25" /><font color="#FF0000"><strong>*</strong></strong></font>      </td>
    </tr>
    <tr>
      <td>Mật khẩu </td>
      <td><input name="textfield2" type="password" id="passID1" size="50"/>
      <font color="#FF0000"><strong>*</strong></strong></font>      
      </td>
    </tr>
    <tr>
      <td>Nhắc lại mật khẩu </td>
      <td><input name="textfield3" type="password" id="passID2"size="50" />
      <font color="#FF0000"><strong>*</strong></strong></font>      
      </td>
    </tr>
 </table>
   <table width="621" border="0" align="center">
   <hr / width="800px">
  <table width="621" border="0" align="center">
    <tr>
      <td>Tên Công ty</td>
      <td><input type="text" name="textfield3" id="ctID" size="50" /><font color="#FF0000"><strong>*</strong></strong></font>      
	  </td>
    </tr>
    <tr>
      <td>Địa chỉ công ty:</td>
      <td><input type="text" name="textfield3" id="dcID" size="50" /><font color="#FF0000"><strong>*</strong></strong></font>      
	  </td>
    </tr>
    <tr>
      <td>Điện thoại</td>
      <td><input name="textfield3" type="text" id="dtID" size="35"  maxlength="11"/>
      <font color="#FF0000"><strong>*</strong></strong></font>      </td>
    </tr>
    <tr>
      <td > Ngành kinh doanh</td>
      <td><textarea name="nganhkd"  cols="38" rows="5"  ></textarea></td>
    </tr>
  </table>
	  <table width="621" border="0" align="center">
	  <hr / width="800px">
    <tr>
      <td width="161">Tên người liên hệ</td>
      <td width="450"><input type="text" name="textfield3" id="tenlhID" onBlur="validateFirstName()" size="35" maxlength="25"/><font color="#FF0000"><strong>*</strong></strong></font>     </td>
    </tr>
    <tr>
      <td>Chức vụ</td>
      <td><input type="text" name="textfield3" size="35" /></td>
    </tr>
    <tr>
      <td>Địa chỉ Email</td>
      <td><input type="text" name="textfield3" id="mailID" size="35"/><font color="#FF0000"><strong>*</strong></strong></font>      </td>
    </tr>
    <tr>
      <td>Điện thoại</td>
      <td><input name="textfield3" type="text" size="35"/ maxlength="11" /></td>
    </tr>
	<tr><td align="center" colspan="2"><input name="dangky" type="submit" value="Đăng K&yacute;" /> 	    <input name="dangky" type="reset" value="Không đăng ký" /></td></tr>
  </table>
</form>
</body>
</html>

Tình hình là có 1 đoạn mình thấy rất lạ, đó là cái phần xác nhận lại thông tin người liên hệ yêu cầu nhập bắt buộc, nếu để nó ở bên trên cái hàm kiểm tra điện thoại thì nó chạy bình thường, nhưng cho nó xuống dưới thì lại ko chạy đc :((.

Code thì đơn giản ko có gì phức tạp mà sao củ chuối quá, anh em nào rảnh xem hộ code. mình đang học và đây là bài tập đầu thứ 2 , chưa học về Java mới đọc qua tài liệu đc 1 buổi nên bỡ ngỡ quá
 

heongok

Thanh Niên Thôn
Để nói về code của caotu thì ae kô bàn gì rồi :)):)), cả 1 4r còn chạy ngon thì nói gì bài vớ vẩn này.

Tại sao bị lỗi mà cái khác vẫn chạy được là vì: Javascript chạy đến đâu nó biên dịch và run đến đấy chứ không biên dịch trước, nên đoạn trên chú kô lỗi thì nó vẫn chạy, đoạn dưới nó bị lỗi thì chú chết yểu =))=)).

Sau hàm kiểm tra đ.t trống thì là nó lỗi. Lỗi vì function nó bị sai.



Anh chỉ chém 1 tý thôi nhá: cho chú ít gạch về xây nhà.

HTML:
+ Không valid rất nhiều chỗ thừa thẻ đóng </strong>, và có chỗ thì đóng link tink
<input name="textfield3" type="text" size="35"/ maxlength="11" />
<hr / width="800px">
=> lập trình ẩu khắc phục nhá.

Javascript: Thừa thiếu lung tung ^^
function is_phone(num) { return(/^(0121|0122|0123|0125|0127|0166|0167|0168|0169|0199|090|091|092|093|094|095|096|097|098)(d{7})$/i).test(num)};

function is_username(value) { return (value.match(/^[0-9]/) == null) && (value.search(/^[0-9_a-zA-Z]*$/) > -1);

function is_email(str) {return(/^[a-z][a-z-_0-9.]+@[a-z-_=>0-9.]+.[a-z]{2,3}$/i).test(str)};

Tại sao sau function lại có dấu ;

2. Kiểm tra điện thoại thì lại gọi hàm is_email =))=))

Góp ý thêm:
Trước mỗi return false chú nên focús vào cái object bị lỗi bằng lệnh document.getElementById("tenID").focus();
Hàm kiểm tra pass thứ 2 là hơi thừa nên anh bỏ nó đi nhá. Vì thằng 1 kô trống + Thắng 2 == thằng 1 => thằng 2 luôn != trống =))=))

Anh up lại code mới chú xem. Ở đây reguler của điện thoại nó đang bị sai nên nó báo lỗi chú tự sửa nhá. Anh gà reguler lắm ^^


PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BT 1</title>
    <script language="javascript" type="text/javascript">
        function kt() {

            var ten = document.getElementById("tenID");

            if (ten.value == "") {
                alert(" Ten dang nhap khong duoc de trong");
                //Câu lệnh này là để nhảy đển ô textbox phải nhập hoặc nhập sai.
                document.getElementById("tenID").focus();
                return false;
            }
            if (!is_username(ten.value)) {
                alert("Khong duoc nhap ky tu dac biet");
                document.getElementById("tenID").focus();
                return false;
            }

            var pass1 = document.getElementById("passID1");
            if (pass1.value == "") {
                alert("PassWord khong duoc de trong");
                document.getElementById("passID1").focus();
                return false;
            }

            var pass2 = document.getElementById("passID2");
            //Bỏ chỗ này đi vì chỉ cần k.tra koo giống nhau là được rồi.
            //        if(pass2.value=="") 
            //        {
            //            alert("PassWord khong duoc de trong");  

            //            return false; 
            //        } 
            if (pass1.value != pass2.value) {
                alert("Hai o mat nhau nhap khong giong nhau");
                document.getElementById("passID1").focus();
                return false;
            }
            var ct = document.getElementById("ctID");
            if (ct.value == "") {
                alert("Ten cong ty khong duoc de trong");
                document.getElementById("ctID").focus();
                return false;
            }
            var ct = document.getElementById("dcID");
            if (ct.value == "") {
                alert("Dia chi cong ty khong duoc de trong");
                document.getElementById("dcID").focus();
                return false;
            }




            var dt = document.getElementById("dtID");
            if (dt.value == "") {
                alert("Dien thoai khong duoc de trong");
                return false;
            }

            //alert(!is_email(dt.value));

            if (!is_phone(dt.value)) {
                alert("So dien thoai ban nhap khong hop le, vui long cung cap so dien thoai chinh xac");
                return false;
            }

            var tenlh = document.getElementById("tenlhID");
            if (tenlh.value == "") {
                alert("Ten nguoi lien he khong duoc de trong");
                return false;
            }

            var kt = document.getElementById("mailID");
            if (kt.value == "") {
                alert("Email khong duoc de trong");
                return false;
            }
            if (!is_email(kt.value)) {
                alert("Email nhap khong hop le, vui long cung cap so dien thoai chinh xac");
                return false;
            }

            return true;
        }

        function is_phone(num) {
            return (/^(0121|0122|0123|0125|0127|0166|0167|0168|0169|0199|090|091|092|093|094|095|096|097|098)(d{7})$/).test(num);
        }

        function is_username(value) {
            return (value.match(/^[0-9]/) == null) && (value.search(/^[0-9_a-zA-Z]*$/) > -1);
        }

        function is_email(str) {
            return (/^[a-z][a-z-_0-9.]+@[a-z-_=>0-9.]+.[a-z]{2,3}$/i).test(str);
        }


        
    </script>
</head>
<body>
    Lưu ý:
    <br />
    Vui lòng nhập đầy đủ thông tin<br />
    <hr />
    <form onsubmit="return kt();" id="dangky" action="" method="post">
    <table width="621" border="0" align="center">
        <tr>
            <td width="160">
                T&ecirc;n đăng nhập
            </td>
            <td width="445">
                <input name="textfield" id="tenID" type="text" size="50" maxlength="25" /><font color="#FF0000"><strong>*</strong></font>
            </td>
        </tr>
        <tr>
            <td>
                Mật khẩu
            </td>
            <td>
                <input name="textfield2" type="password" id="passID1" size="50" />
                <font color="#FF0000"><strong>*</strong></font>
            </td>
        </tr>
        <tr>
            <td>
                Nhắc lại mật khẩu
            </td>
            <td>
                <input name="textfield3" type="password" id="passID2" size="50" />
                <font color="#FF0000"><strong>*</strong></strong></font>
            </td>
        </tr>
    </table>
    <table width="621" border="0" align="center">
        <hr width="800px" />
        <table width="621" border="0" align="center">
            <tr>
                <td>
                    Tên Công ty
                </td>
                <td>
                    <input type="text" name="textfield3" id="ctID" size="50" /><font color="#FF0000"><strong>*</strong></font>
                </td>
            </tr>
            <tr>
                <td>
                    Địa chỉ công ty:
                </td>
                <td>
                    <input type="text" name="textfield3" id="dcID" size="50" /><font color="#FF0000"><strong>*</strong></font>
                </td>
            </tr>
            <tr>
                <td>
                    Điện thoại
                </td>
                <td>
                    <input name="textfield3" type="text" id="dtID" size="35" maxlength="11" />
                    <font color="#FF0000"><strong>*</strong></strong></font>
                </td>
            </tr>
            <tr>
                <td>
                    Ngành kinh doanh
                </td>
                <td>
                    <textarea name="nganhkd" cols="38" rows="5"></textarea>
                </td>
            </tr>
        </table>
        <table width="621" border="0" align="center">
            <hr width="800px" />
            <tr>
                <td width="161">
                    Tên người liên hệ
                </td>
                <td width="450">
                    <input type="text" name="textfield3" id="tenlhID" size="35" maxlength="25" /><font
                        color="#FF0000"><strong>*</strong></font>
                </td>
            </tr>
            <tr>
                <td>
                    Chức vụ
                </td>
                <td>
                    <input type="text" name="textfield3" size="35" />
                </td>
            </tr>
            <tr>
                <td>
                    Địa chỉ Email
                </td>
                <td>
                    <input type="text" name="textfield3" id="mailID" size="35" /><font color="#FF0000"><strong>*</strong></strong></font>
                </td>
            </tr>
            <tr>
                <td>
                    Điện thoại
                </td>
                <td>
                    <input name="textfield3" type="text" size="35" maxlength="11" />
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <input name="dangky" type="submit" value="Đăng K&yacute;" />
                    <input name="dangky" type="reset" value="Không đăng ký" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
 

administrator

Administrator
Staff member
Thank anh đã góp ý. đúng là trình độ của em tới đâu thì nhìn code anh biết :D.

Cái bài HTML này thì em ko ổn rồi :D,cũng ko chỉnh lại vì làm nó trong 1 lúc cuối giờ :D lúc viết tay, lúc dreamware nên nó thế :D

Em vẫn quen là những thẻ HTML ko có kết thúc đóng thì em ko thêm dấu "/" vào, ko biết có sao ko anh nhỉ?
Ví dụ như người ta viết <br /> thì em chỉ viết <br> vì thấy nó tương tự nhau, ko khác gì :D

Đây là đoạn Java đầu tiên em viết và mới đc học 1 buổi nên còn nhiều sai sót, mong anh chỉ bảo thêm :D. Em đang lôi về nghiên cứu, hi :">

---------- Post added at 10:48 AM ---------- Previous post was at 10:48 AM ----------

Thank anh đã góp ý. đúng là trình độ của em tới đâu thì nhìn code anh biết :D.

Cái bài HTML này thì em ko ổn rồi :D,cũng ko chỉnh lại vì làm nó trong 1 lúc cuối giờ :D lúc viết tay, lúc dreamware nên nó thế :D

Em vẫn quen là những thẻ HTML ko có kết thúc đóng thì em ko thêm dấu "/" vào, ko biết có sao ko anh nhỉ?
Ví dụ như người ta viết <br /> thì em chỉ viết <br> vì thấy nó tương tự nhau, ko khác gì :D

Đây là đoạn Java đầu tiên em viết và mới đc học 1 buổi nên còn nhiều sai sót, mong anh chỉ bảo thêm :D. Em đang lôi về nghiên cứu, hi :">
 
Trong html " / " có câu quan trọng lắm a à :">..
Nhưng 1 số lệnh thì cái đó lại chả lwan gì.. đơn giản như <br> chỉ là xuống dòng bt.. Với 1 số lệnh khác nó bắt lặp thì bắt buộc phải có " / ".

Nói chung e còn gà.. vẫn chưa đc học mấy cái này.. chỉ là biết sơ sơ thôi :">
 

heongok

Thanh Niên Thôn
Thank anh đã góp ý. đúng là trình độ của em tới đâu thì nhìn code anh biết :D.

Cái bài HTML này thì em ko ổn rồi :D,cũng ko chỉnh lại vì làm nó trong 1 lúc cuối giờ :D lúc viết tay, lúc dreamware nên nó thế :D

Em vẫn quen là những thẻ HTML ko có kết thúc đóng thì em ko thêm dấu "/" vào, ko biết có sao ko anh nhỉ?
Ví dụ như người ta viết <br /> thì em chỉ viết <br> vì thấy nó tương tự nhau, ko khác gì :D

Đây là đoạn Java đầu tiên em viết và mới đc học 1 buổi nên còn nhiều sai sót, mong anh chỉ bảo thêm :D. Em đang lôi về nghiên cứu, hi :">

---------- Post added at 10:48 AM ---------- Previous post was at 10:48 AM ----------

Thank anh đã góp ý. đúng là trình độ của em tới đâu thì nhìn code anh biết :D.

Cái bài HTML này thì em ko ổn rồi :D,cũng ko chỉnh lại vì làm nó trong 1 lúc cuối giờ :D lúc viết tay, lúc dreamware nên nó thế :D

Em vẫn quen là những thẻ HTML ko có kết thúc đóng thì em ko thêm dấu "/" vào, ko biết có sao ko anh nhỉ?
Ví dụ như người ta viết <br /> thì em chỉ viết <br> vì thấy nó tương tự nhau, ko khác gì :D

Đây là đoạn Java đầu tiên em viết và mới đc học 1 buổi nên còn nhiều sai sót, mong anh chỉ bảo thêm :D. Em đang lôi về nghiên cứu, hi :">

Ùhm, trên thực tế có 1 số thẻ nó không cần đóng. Ví dụ br, hr, img.
Nhưng trên nguyên tắc lập trình thì HTML như thế là không Well form.
Sau này chú làm việc với jquery, ajax, json chú sẽ thấy những bất lợi khi đóng mở thẻ lung tung ^^!

Có 1 góp ý nhỏ nữa là cách đặt tên biến của chú nhìn nó không được đẹp lắm. Chú có thể đặt tên biến như thế này:
Name và Id có thể đặt tên giống nhau nó sẽ không sao đâu
Với textbox : name="txtName" id="txtName"
Với checkbox: name="chkUse" id="chkUse"
.....
Hoặc chú lên mạng search quy tắc đặt tên biến nó có nhiều cái lắm ^^!
 

administrator

Administrator
Staff member
Đề bài: Tạo 1 From đăng ký thông tin cá nhân và kiểm tra thông tin nhập của ng dùng bằng Java Script.

Những dấu * là bắt buộc.
Số điện thoại là điện thoại ở Việt Nam (Ví dụ dầu 098,097,0167....)
Mật khẩu: 2 ô giống nhau
Email đúng định dạng ....@.... (Cái này Tú chữa fix đc, ko biết sai đoạn nào tối về sửa sau)

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BT 1</title>

<script language="javascript">

 function kt()
 {

	var ten=document.getElementById("tenID");
	
		if(ten.value=="")
		{
		    document.getElementById("tenID").focus();
		    alert(" Ten dang nhap khong duoc de trong"); 
			return false;
		}
		if(!is_username(ten.value))
		{
			document.getElementById("tenID").focus();
			  alert("Khong duoc nhap ky tu dac biet"); 
				return false;
		}
	
	var pass1=document.getElementById("passID1");	
		if(pass1.value=="")
		{                document.getElementById("passID1").focus();
		    alert("PassWord khong duoc de trong"); 
			return false;
		}

	var pass2=document.getElementById("passID2");	
		if(pass1.value!=pass2.value)
		{	             
			alert("Hai o mat nhau nhap khong giong nhau");
			return false;
		}
 	var ct=document.getElementById("ctID");	
		if(ct.value=="")
		{
		    alert("Ten cong ty khong duoc de trong"); 
			return false;
		}
	 var ct=document.getElementById("dcID");	
		if(ct.value=="")
		{
		    alert("Dia chi cong ty khong duoc de trong"); 
			return false;
		}	

	var dt=document.getElementById("dtID");	
		if(dt.value=="")
		{	document.getElementById("dtID").focus();
		    alert("Dien thoai khong duoc de trong"); 
			return false;
		}	
		if(!is_phone(dt.value))
		{
			  alert("So dien thoai ban nhap khong hop le, vui long cung cap so dien thoai chinh xac"); 
				return false;
		}
		
		
	var tenlh=document.getElementById("tenlhID");	
		if(tenlh.value=="")
		{	document.getElementById("tenlhID").focus();
		    alert("Ten nguoi lien he khong duoc de trong"); 
			return false;
		}	
		
	var kt=document.getElementById("mailID");	
		if(kt.value=="")
		{	document.getElementById("mailID").focus();
		    alert("Email khong duoc de trong"); 
			return false;
		}	
		if(!is_email(kt.value))
		{
			  alert("Email nhap khong hop le, vui long cung cap so dien thoai chinh xac"); 
				return false;
		}
		
		return true;
		}
function is_phone(num) { return(/^(0121|0122|0123|0125|0127|0166|0167|0168|0169|0199|090|091|092|093|094|095|096|097|098)(\d{7})$/i).test(num)};
function is_username(value) { return (value.match(/^[0-9]/) == null) && (value.search(/^[0-9_a-zA-Z]*$/) > -1);
function is_email(str) {return(/^[a-z][a-z-_0-9\.]+@[a-z-_=>0-9\.]+\.[a-z]{2,3}$/i).test(str)};


}

</script>


</head>

<body>
Lưu ý: <br />
Vui lòng nhập đầy đủ thông tin<br />
<hr />
<form onSubmit="return kt();" id="dangky" action="" method="post">
  <table width="621" border="0" align="center">
    <tr>
      <td width="160">T&ecirc;n đăng nhập </td>
      <td width="445"><input name="textfield" id="tenID" type="text" size="50" maxlength="25" /><font color="#FF0000"><strong>*</strong></strong></font>      </td>
    </tr>
    <tr>
      <td>Mật khẩu </td>
      <td><input name="textfield2" type="password" id="passID1" size="50"/>
      <font color="#FF0000"><strong>*</strong></strong></font>      
      </td>
    </tr>
    <tr>
      <td>Nhắc lại mật khẩu </td>
      <td><input name="textfield3" type="password" id="passID2"size="50" />
      <font color="#FF0000"><strong>*</strong></strong></font>      
      </td>
    </tr>
 </table>
   <table width="621" border="0" align="center">
   <hr / width="800px">
  <table width="621" border="0" align="center">
    <tr>
      <td>Tên Công ty</td>
      <td><input type="text" name="textfield3" id="ctID" size="50" /><font color="#FF0000"><strong>*</strong></strong></font>      
	  </td>
    </tr>
    <tr>
      <td>Địa chỉ công ty:</td>
      <td><input type="text" name="textfield3" id="dcID" size="50" /><font color="#FF0000"><strong>*</strong></strong></font>      
	  </td>
    </tr>
    <tr>
      <td>Điện thoại</td>
      <td><input name="textfield3" type="text" id="dtID" size="35"  maxlength="11"/>
      <font color="#FF0000"><strong>*</strong></strong></font>      </td>
    </tr>
    <tr>
      <td > Ngành kinh doanh</td>
      <td><textarea name="nganhkd"  cols="38" rows="5"  ></textarea></td>
    </tr>
  </table>
	  <table width="621" border="0" align="center">
	  <hr / width="800px">
    <tr>
      <td width="161">Tên người liên hệ</td>
      <td width="450"><input type="text" name="textfield3" id="tenlhID" onBlur="validateFirstName()" size="35" maxlength="25"/><font color="#FF0000"><strong>*</strong></strong></font>     </td>
    </tr>
    <tr>
      <td>Chức vụ</td>
      <td><input type="text" name="textfield3" size="35" /></td>
    </tr>
    <tr>
      <td>Địa chỉ Email</td>
      <td><input type="text" name="textfield3" id="mailID" size="35"/><font color="#FF0000"><strong>*</strong></strong></font>      </td>
    </tr>
    <tr>
      <td>Điện thoại</td>
      <td><input name="textfield3" type="text" size="35"/ maxlength="11" /></td>
    </tr>
	<tr><td align="center" colspan="2"><input name="dangky" type="submit" onClick="processForm() value="Đăng K&yacute;" /> 	    <input name="kodangky" type="reset" value="Không đăng ký" /></td></tr>
  </table>
</form>
</body>
</html>

Post lên cho ai có cái tham khảo, thank cả nhà. Thank a heongoc, mấy cái phần còn lại em sẽ fix . Bài này em phải hiện ra 1 form kiểu alert nữa. E phải kiếm tài liệu học lại đã trước khi hỏi, vì giờ hỏi a nói em cũng ko hiểu gì -:(.

Lần sau em sẽ để ý hơn và theo chuân khi viết HTML :P
 

heongok

Thanh Niên Thôn
Ùhm, anh cũng gà về javascript lắm. Chú phải nói nó rõ ràng anh mới bug được ^^!
 

administrator

Administrator
Staff member
Mã:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bài tập trang danh sách</title>
<style>
.rw_1{

}
.rw_2{
	background-color:#F0F0F0;
}
</style>
</head>

<body>
<form id="frmlist">
	<table cellpadding="5" cellspacing="5" id="table_list" border="1" style="border-collapse: collapse;" bordercolor="#CCCCCC">
	<tr>
		<td colspan="2">
		<table cellpadding="0" width="100%">
			<tr>
				<td><input type="button" value="Xóa các dòng được chọn" onclick="javascript: remove_row();" /></td>
				<td></td>
				<td><input type="text" name="title" id="title" id="title" /></td>
				<td><input type="button" value="Add" onclick="javascript: add_row();" /></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<th width="20" align="center" valign="middle"><input type="checkbox" onclick="check(this, document.getElementById('frmlist')['ids[]']);"/></th>
		<th>
		Tiêu đề
		</th>
	</tr>
	<tr id="row_1">
		<td align="center" valign="middle"><input type="checkbox" name="ids[]" value="1" /></td>
		<td align="left">
			Những hướng dẫn cơ bản khi bắt đầu với InDesign
		</td>
	</tr>
	<tr id="row_2" class="rw_2">
		<td align="center" valign="middle"><input type="checkbox" name="ids[]"  value="2" /></td>
		<td align="left">
			Tạo chữ typographic “Cool” trong Photoshop
		</td>
	</tr>
	<tr id="row_3">
		<td align="center" valign="middle"><input type="checkbox" name="ids[]"  value="3" /></td>
		<td align="left">
			Hướng dẫn làm phim hoạt hình bằng after effect
		</td>
	</tr><tr id="row_4" class="rw_2">
		<td align="center" valign="middle"><input type="checkbox" name="ids[]"  value="4" /></td>
		<td align="left">
			Hiệu ứng chữ kim loại bị ăn mòn
		</td>
	</tr>
	<tr id="row_5">
		<td align="center" valign="middle"><input type="checkbox" name="ids[]"  value="5" /></td>
		<td align="left">
			Hướng dẫn tạo poster nhân vật ấn tượng
		</td>
	</tr>
	<tr id="row_6" class="rw_2">
		<td align="center" valign="middle"><input type="checkbox" name="ids[]"  value="6" /></td>
		<td align="left">
			Hướng dẫn vẽ biểu tượng sống động với Illustrator
		</td>
	</tr>
	</table>
</form>
<script language="javascript">
	function remove_row(){
		if(confirm('Bạn có chắc muốn xóa các bản ghi đã chọn ?')){
			var form = document.getElementById("frmlist");
			var chk = form.elements['ids[]'];
			var da_xoa = 0;
			for(var i = 0; i < chk.length; i++){
				if(chk[i].checked){
					document.getElementById("row_" + chk[i].value).style.display='none';
					da_xoa += 1;
				}				
			}
			alert("Đã có " + da_xoa + " bản ghi được xóa.");
		}		
	}
	function check(obj, chk){
		for(var i = 0; i < chk.length; i++){
			chk[i].checked = obj.checked;
		}
	}
	function add_row(){
		var title = document.getElementById("title");
		if(title.value == "" || title.value == " "){
			alert("Bạn phải nhập tiêu đề tin");
			title.focus();
		}else{
			var form = document.getElementById("frmlist");
			var chk = form.elements['ids[]'];
			
			var table = document.getElementById("table_list");
			var tr = document.createElement("tr");
			var td1 = document.createElement('td');
			td1.innerHTML = '<input type="checkbox" name="ids[]" value="' + (chk.length+1) + '" />';
			var td2 = document.createElement('td');
			td2.innerHTML = title.value;
			
			tr.appendChild(td1);
			tr.appendChild(td2);
			
			tr.id = "row_" + (chk.length+1);
			if((chk.length + 1) % 2 == 0){
				tr.class = "rw_2";
			}
			table.appendChild(tr);
			title.value = "";
		}
	}
</script>
</body>
</html>
 
Bên trên