การใช้งาน Validations JavaScript Form

February 20th, 2010

ที่จริงผมก็ได้ใช้ script ตัวนี้มานานมากแล้วครับตั้งแต่เริ่มเข้าวงการใหม่ๆ แต่ไม่เคยเอามาลง พอจะเอามาใช้ มันก็ลืมๆๆ เลยเอามาลงไว้ใน blog ซะเลย จะได้หาง่ายขึ้น อิอิ

ขั้นตอนที่ 1 แทรก code ด้านล่างไว้ระหว่าง tag head

1
2
3

...
<script language="JavaScript" src="js/gen_validatorv2.js" type="text/javascript"></script> 
...

ขั้นตอนที่ 2 สร้าง form และตั้งชื่อ form ด้วย เช่น

1
2
3
4
5

...
<form name="myform" action="">
...
</form>
...

ขั้นตอนที่ 3 แทรกคำสั่งด้านล่างต่อไปนี้ต่อจาก 

1
2
3
4
5

...
<script language="JavaScript">
	var frmvalidator  = new Validator("myform");
</script>
...

* myform คือชื่อของ from จากขั้นตอนที่ 2

ขั้นตอนที่ 4. คำสั่งสำหรับตรวจสอบ form input ต่าง ๆ ใช้คำสั่งนี้

1
2
3
4
5
6

...
<script language="JavaScript">
	var frmvalidator  = new Validator("myform");
	frmvalidator.addValidation("fieldname","validation", "msgalert");
</script>
...
  • fieldname คือชื่อของ field input ใน form
  • validation คือคำสั่งที่ต้องการตรวจสอบ ซึ่งจะมีดังต่อไปนี้
    • required หรือ req เป็นการตั้งให้ใส่ค่าลง field นี้เสมอ
    • maxlen=??? หรือ maxlength=??? ไว้ตรวจสอบจำนวนการใส่ค่าลง field นั้นได้สูงสุด เช่น ไม่เกิน 10 ตัวอักษรก็ใช้คำสั่ง “maxlen=10”
    • minlen=??? หรือ minlength=??? ไว้ตรวจสอบจำนวนการใส่ค่าลง field นั้นได้น้อยที่สุด เช่น ไม่เกิน 10 ตัวอักษรก็ใช้คำสั่ง “minlen=10”
    • alphanumeric หรือ alnum เป็นการตรวจสอบค่าที่ใส่ที่ครอบคลุมทั้งตัวเลขและตัวอักษร
    • num หรือ numeric เป็นการตรวจสอบตัวเลข
    • alpha หรือ alphabetic เป็นการตรวจสอบตัวอักษร
    • email เป็นการตรวจสอบความถูกต้องของรูปแบบอีเมล
    • lt=??? หรือ lessthan=??? เป็นการตรวจสอบค่าของข้อมูลว่าต้องเป็นตัวเลข และมีค่าไม่เกินเท่าไหร่ เช่น ต้องการค่าที่เป็นตัวเลขและไม่เกิน 1000 ก็ใส่ “lt=1000”
    • gt=??? หรือ greaterthan=??? เป็นการตรวจสอบค่าของข้อมูลว่าต้องเป็นตัวเลข และมีค่ามากกว่าเท่าไหร่ เช่น ต้องการค่าที่เป็นตัวเลขและมากกว่า 1000 ก็ใส่ “gt=1000”
    • regexp=??? เป็นการสร้าง regular expression ตามรูปแบบอื่น ๆ เช่นต้องการให้ใส่ตัวอักษรได้ไม่เกิน 10 ก็ใช้คำสั่ง “regexp=^[A-Za-z]{1,20}$”
    • dontselect=?? เป็นการตรวจสอบค่าใน selected input items ว่ามีการเลือกค่าไว้หรือเปล่า โดยกำหนดว่าค่าเริ่มต้นที่ห้ามเลือกคืออะไร เช่น selected input items กำหนดค่าเริ่มต้นไว้ที่ 0 ที่มี label ว่า Select one นั้นหมายความว่าห้ามเลือก label Select one เพราะเป็นค่าเริ่มต้น เราจะกำหนดแบบนี้ “dontselect=0”
  • msgalert ส่วนนี้เป็นใส่คำเตือนมีมีการตรวจสอบค่านั้น ๆ แล้วตรงตามเงื่อนไข จะได้เป็น 
1
2
3
4
5
6

...
<script language="JavaScript">
	var frmvalidator  = new Validator("myform");
	frmvalidator.addValidation("FirstName","alpha","Please input your First Name"); 
</script>
...

ตัวอย่าง

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

Code :
<form action="" name="myform" >
	<table cellspacing="2" cellpadding="2" border="0">
	<tr>
	  <td align="right">First Name</td>
	  <td><input type="text" name="FirstName"></td>
	</tr>
	<tr>
		<td align="right">Last Name</td>
		<td><input type="text" name="LastName"></td>
	</tr>
	<tr>
	  <td align="right">EMail</td>
	  <td><input type="text" name="Email"></td>
	</tr>
	<tr>
	  <td align="right">Phone</td>
	  <td><input type="text" name="Phone"></td>
	</tr>
	<tr>
		<td align="right">Address</td>
		<td><textarea cols="20" rows="5" name="Address"></textarea></td>
	</tr>
	<tr>
		<td align="right">Country</td>
		<td>
		<SELECT name="Country">
			<option value="" selected>[choose yours]
			<option value="008">Albania
			<option value="012">Algeria
			<option value="016">American Samoa
			<option value="020">Andorra
			<option value="024">Angola
			<option value="660">Anguilla
			<option value="010">Antarctica
			<option value="028">Antigua And Barbuda
			<option value="032">Argentina
			<option value="051">Armenia
			<option value="533">Aruba
		</SELECT>
		</td>
	</tr>
	<tr>
		<td align="right"></td>
		<td><input type="submit" value="Submit"></td>
	</tr>
</table>
</form>
<script language="JavaScript" type="text/javascript">
	 var frmvalidator = new Validator("myform");
	 frmvalidator.addValidation("FirstName","req","Please enter your First Name");
	 frmvalidator.addValidation("FirstName","maxlen=20",
	"Max length for FirstName is 20");
	 frmvalidator.addValidation("FirstName","alpha");
 
	 frmvalidator.addValidation("LastName","req");
	 frmvalidator.addValidation("LastName","maxlen=20");
 
	 frmvalidator.addValidation("Email","maxlen=50");
	 frmvalidator.addValidation("Email","req");
	 frmvalidator.addValidation("Email","email");
 
	 frmvalidator.addValidation("Phone","maxlen=50");
	 frmvalidator.addValidation("Phone","numeric");
 
	 frmvalidator.addValidation("Address","maxlen=50");
	 frmvalidator.addValidation("Country","dontselect=0");
</script>

สามารถดูตัวอย่าง และโหลดเวอร์ชั่นใหม่ได้ที่
Download : http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

Posted in มุม Html, มุม Java, มุม PHP | 1 Comment »

WP-Syntax WordPress Plugin

February 20th, 2010

ขอจดและจำหน่อยครับ เอาไว้ใช้ ^^

1

<a href="http://blog.abciloveu.com/wp-content/uploads/2010/02/11.jpg"><img class="alignnone size-medium wp-image-553" title="11" src="http://blog.abciloveu.com/wp-content/uploads/2010/02/11-300x128.jpg" alt="" width="300" height="128" /></a>

ปลั๊กอิน ตัวนี้จะช่วยให้การแทรกโค้ด ที่ไม่ว่าจะมาจากภาษา php java c# หรืออื่นๆ ก็ทำได้อย่างง่ายดายตามแต่เราจะนำไปใช้นะครับ

ขั้นตอนการติดตั้ง วิธีที่ 1
1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/wp-syntax/
2. หลังจากที่แตกไฟล์แล้วให้ เอาโฟลเดอร์ ไปไว้ใน wp-content >plugins
3. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
4. ทำการ Active WP-Syntax ซะ
5. เสร็จสิ้นขั้นตอนการติดตั้ง

ขั้นตอนการติดตั้ง วิธีที่ 2
1. เข้าระบบ Admin แล้วไปที่ Add new Plugin แล้วหาชื่อ wp-syntax แล้วกด search
2. แล้วกด install – install now
3. ทำการ Active WP-Syntax
5. เสร็จสิ้นขั้นตอนการติดตั้ง

วิธีใช้งาน
1. เมื่อต้องการแทรกโค้ดที่ส่วนใดให้ใส่ แท็ก <pre lang=”LANGUAGE” line=”1″> โค้ดที่ต้องการแสดง </pre>

  • – lang : ต้องการให้ code แสดงตามภาษาอะไรก็เลือกรูปแบบภาษานั้น
  • – line : line ที่ต้องการให้แสดงเริ่มต้น เช่นให้เริ่มที่ line 1 เป็นต้น

2. กำหนดภาษา : เปลี่ยน LANGUAGE เป็น ภาษาที่ต้องการ เช่น

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

abap, actionscript, actionscript3, ada, apache, applescript, 
aptsources, asm, asp, autoit, avisynth, bash, bf, bibtex, 
blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, 
cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, 
diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, 
genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, 
html4strict, idl, ini, inno, intercal, io, java, java5, javascript, 
kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas,
lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, 
mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas,
oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php,
plsql, povray, powershell, progress, prolog, properties, providex, python,
qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab,
sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql,
typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog,
whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

3. การกำหนด Line number

  • – ถ้าไม่ต้องการ Line number : <pre lang=”LANGUAGE”>
  • – ต้องการ Line number : <pre lang=”LANGUAGE” line=”1″>
  • – ต้องการ Line number ที่เริ่มด้วยบรรทัดที่ 18 : <pre lang=”LANGUAGE” line=”18″>

4. ดูตัวอย่างเพิ่มเติมในการใช้งานได้ที่
http://wordpress.org/extend/plugins/wp-syntax/other_notes/

Posted in มุม Html | Comments Off on WP-Syntax WordPress Plugin

Hibernate ประยุกต์ทำPagingของ MS SQL Server

February 7th, 2010

เอาไว้ทำ Paging หรือ คิวรีแบบจำกัดจำนวนก็ได้ครับ สะดวกดีด้วย
Hibernate – Tuning Queries Using Paging, Batch Size, and Fetch Joins

1
2
3
4
5
6
7
8
9
10
11

...
String hql = "From Customer";
Query q = session.createQuery(hql);
q.setFirstResult(pageNum*100).setMaxResults(100);
long a = System.currentTimeMillis();
List l = q.getResultList();
for (Customer c : l) {
c.getOrders().size();
}
System.out.println("Execution time: " + (b - a)+ "; Number of records fetch: " + l.size() );
...

pageNum คือ จำนวน record ที่เราต้องการให้แสดงใน 1 หน้า เช่น อยากให้แสดง 20 record
100 คือ จำนวนสูงสุดที่จะให้แสดงใน 1 หน้า ครับ

ลองเอาไปประยุกต์ใช้กันนะครับ กับงานที่ทำ

Posted in มุม DB, มุม Java | Comments Off on Hibernate ประยุกต์ทำPagingของ MS SQL Server

« Previous Page — « Previous Entries
Next Entries » — Next Page »