JQuery学习(6)调用正则判断输入内容
7.<script type="text/javascript" language="javascript" >
8. function validata(){
9. if($("#username").val()==""){
10. document.write("请输入名字");
11. return false;
12. }
13. if($("#password").val()==""){
14. document.write("请输入密码");
15. return false;
16. }
17. if($("#telephone").val()==""){
18. document.write("请输入电话号码");
19. }
20. if($("#email").val()==""){
21. $("#email").val("shuangping@163.com");
22. }
23. }
24.
25. function isInteger(obj){
26.
27. reg=/^[-+]?\d+$/;
28. if(!reg.test(obj)){
29. $("#test").html("<b>Please input correct figures</b>");
30. }else{
31. $("#test").html("");
32. }
33. }
34. function isEmail(obj){
35. reg=/^\w{3,}@\w+(\.\w+)+$/;
36. if(!reg.test(obj)){
37. $("#test").html("<b>请输入正确的邮箱地址</b>");
38. }else{
39. $("#test").html("");
40. }
41. }
42. function isString(obj){
43. reg=/^[a-z,A-Z]+$/;
44. if(!reg.test(obj)){
45. $("#test").html("<b>只能输入字符</b>");
46. }else{
47. $("#test").html("");
48. }
49. }
50. function isTelephone(obj){
51. reg=/^(\d{3,4}\-)?[1-9]\d{6,7}$/;
52. if(!reg.test(obj)){
53. $("#test").html("<b>请输入正确的电话号码！</b>");
54. }else{
55. $("#test").html("");
56. }
57. }
58. function isMobile(obj){
59. reg=/^(\+\d{2,3}\-)?\d{11}$/;
60. if(!reg.test(obj)){
61. $("#test").html("请输入正确移动电话");
62. }else{
63. $("#test").html("");
64. }
65. }
66. function isUri(obj){
67. reg=/^http:\/\/[a-zA-Z0-9]+\.[a-zA-Z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
68. if(!reg.test(obj)){
69. $("#test").html($("#uri").val()+"请输入正确的inernet地址");
70. }else{
71. $("#test").html("");
72. } 73. } 74. 75. //document加载完毕执行
76. $(document).ready(function() {
77. // do something here
78. 79. //隔行换色功能
80. $("p").each(function(i){
81. this.style.color=['red','green','blue','black'][i%2]
82. });
83.
84. //eq(2)获取$("p")集合的第3个元素
85. $("p").eq(2).click(function(){$("#display").css("color","blue")});
86. 87. //所有test中的p都附加了样式"over"。
88. $("#test>p").addClass("over");
89. 90. //test中的最后一个p附加了样式"out"。
91. $("#test p:last").addClass("out");
92. 93. //选择同级元素还没看懂
94. //$('#faq').find('dd').hide().end().find('dt').click(function()
95. 96. //选择父级元素
97. $("a").hover(
98. function(){$(this).parents("p").addClass("out")},
99. function(){$(this).parents("p").removeClass("out")})
100. 101. 102. //hover鼠标悬停效果，toggle每次点击时切换要调用的函数 ,
103. //trigger(eventtype): 在每一个匹配的元素上触发某类事件,
104. //bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定从每一个匹配的元素中（添加）删除绑定的事件。
105. 106. //方法的连写
107. $("#display").hover(function(){
108. $(this).addClass("over");
109. },function(){
110. $(this).removeClass("over");
111. })
112. .click(function(){alert($("#display").text())});
113.
114.
115.
116.
117. if($.browser.msie){//判断浏览器，若是ie则执行下面的功能
118. 119. //聚焦
120. $("input[@type=text],textarea,input[@type=password]")
121. .focus(function(){$(this).css({background:"white",border:"1px solid blue"})})
122. //也可以这样连着写,
123. //.blur(function(){$(this).css({background:"white",border:"1px solid black"})})
124. 125. //失去焦点
126. //css样式可以通过addClass()来添加
127. $("input[@type=text],textarea,input[@type=password]")
128. .blur(function(){$(this).css({background:"white",border:"1px solid black"});});
129. } 130. 131. }); 132. 133. 134. 135.</script>
