当前位置: 首页 > 工具软件 > Validation > 使用案例 >

javascript 자주사용하는 validation

昌栋
2023-12-01
  1. <script language="javascript">
  2. <!--
  3. function form1_onsubmit()
  4. {
  5. var urlreg=/^[A-Za-z0-9]+/.[A-Za-z0-9]+[//=/?%/-&_~`@[/]/':+!]*([^<>/"/"])*$/
  6. var url=document.form1.url.value
  7. if (!urlreg.test(url))
  8.     {
  9.       alert("网址错误!")
  10.       document.form1.url.focus()
  11.       return false
  12.      } 
  13. }
  14. -->
  15. </script>
  16. <form name="form1" method="post" action="" οnsubmit="return form1_onsubmit()">
  17. http://<input type="text" name="url" value="">
  18. <input type="submit" name="submit" value="验证">
  19. </form>
  20. javascript验证表单大全
  21. 1. 长度限制
  22. <script>
  23. function test()
  24. {
  25. if(document.a.b.value.length>50)
  26. {
  27. alert("不能超过50个字符!");
  28. document.a.b.focus();
  29. return false;
  30. }
  31. }
  32. </script>
  33. <form name=a οnsubmit="return test()">
  34. <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
  35. <input type="submit" name="Submit" value="check">
  36. </form>
  37. 2. 只能是汉字
  38. <input οnkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')">
  39. 3." 只能是英文
  40. <script language=javascript>
  41. function onlyEng()
  42. {
  43. if(!(event.keyCode>=65&&event.keyCode<=90))
  44. event.returnvalue=false;
  45. }
  46. </script>
  47. <input οnkeydοwn="onlyEng();">
  48. 4. 只能是数字
  49. <script language=javascript>
  50. function onlyNum()
  51. {
  52. if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
  53. //考虑小键盘上的数字键
  54. event.returnvalue=false;
  55. }
  56. </script>
  57. <input οnkeydοwn="onlyNum();">
  58. 5. 只能是英文字符和数字
  59. <input οnkeyup="value="/oblog/value.replace(/[/W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">
  60. 6. 验证油箱格式
  61. <SCRIPT LANGUAGE=javascript RUNAT=Server>
  62. function isEmail(strEmail) {
  63. if (strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1)
  64. return true;
  65. else
  66. alert("oh");
  67. }
  68. </SCRIPT>
  69. <input type=text οnblur=isEmail(this.value)>
  70. 7. 屏蔽关键字(这里屏蔽***和****)
  71. <script language="javascript1.2">
  72. function test() {
  73. if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
  74. alert(":)");
  75. a.b.focus();
  76. return false;}
  77. }
  78. </script>
  79. <form name=a οnsubmit="return test()">
  80. <input type=text name=b>
  81. <input type="submit" name="Submit" value="check">
  82. </form>
  83. 8. 两次输入密码是否相同
  84. <FORM METHOD=POST ACTION="">
  85. <input type="password" id="input1">
  86. <input type="password" id="input2">
  87. <input type="button" value="test" οnclick="check()">
  88. </FORM>
  89. <script>
  90. function check()
  91. {
  92. with(document.all){
  93. if(input1.value!=input2.value)
  94. {
  95. alert("false")
  96. input1.value = "";
  97. input2.value = "";
  98. }
  99. else document.forms[0].submit();
  100. }
  101. }
  102. </script>
  103. 够了吧 :)
  104. 屏蔽右键 很酷
  105. οncοntextmenu="return false" οndragstart="return false" onselectstart="return false"
  106. 加在body中
  107. 2.1   表单项不能为空
  108. <script   language="javascript">
  109. <!--
  110. function   CheckForm()
  111. {  
  112. if   (document.form.name.value.length   ==   0)   {  
  113. alert("请输入您姓名!");
  114. document.form.name.focus();
  115. return   false;
  116. }
  117. return   true;
  118. }
  119. -->
  120. </script>
  121. 2.2   比较两个表单项的值是否相同
  122. <script   language="javascript">
  123. <!--
  124. function   CheckForm()
  125. if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   {  
  126. alert("您两次输入的密码不一样!请重新输入.");
  127. document.ADDUser.PWD.focus();
  128. return   false;
  129. }
  130. return   true;
  131. }
  132. -->
  133. </script>
  134. 2.3   表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
  135. <script   language="javascript">
  136. <!--
  137. function   isNumber(String)
  138. {  
  139. var   Letters   =   "1234567890-";   //可以自己增加可输入值
  140. var   i;
  141. var   c;
  142. if(String.charAt(   0   )=='-')
  143. return   false;
  144. if(   String.charAt(   String.length   -   1   )   ==   '-'   )
  145. return   false;
  146. for(   i   =   0;   i   <   String.length;   i   ++   )
  147. {  
  148. c   =   String.charAt(   i   );
  149. if   (Letters.indexOf(   c   )   <   0)
  150. return   false;
  151. }
  152. return   true;
  153. }
  154. function   CheckForm()
  155. {  
  156. if(!   isNumber(document.form.TEL.value))   {  
  157. alert("您的电话号码不合法!");
  158. document.form.TEL.focus();
  159. return   false;
  160. }
  161. return   true;
  162. }
  163. -->
  164. </script>
  165. 2.4   表单项输入数值/长度限定
  166. <script   language="javascript">
  167. <!--
  168. function   CheckForm()  
  169. {  
  170. if   (document.form.count.value   >   100   ||   document.form.count.value   <   1)
  171. {  
  172. alert("输入数值不能小于零大于100!");
  173. document.form.count.focus();
  174. return   false;
  175. }
  176. if   (document.form.MESSAGE.value.length<10)
  177. {  
  178. alert("输入文字小于10!");
  179. document.form.MESSAGE.focus();
  180. return   false;
  181. }
  182. return   true;
  183. }
  184. //-->
  185. </script>
  186. 2.5   中文/英文/数字/邮件地址合法性判断
  187. <SCRIPT   LANGUAGE="javascript">
  188. <!--
  189. function   isEnglish(name)   //英文值检测
  190. {  
  191. if(name.length   ==   0)
  192. return   false;
  193. for(i   =   0;   i   <   name.length;   i++)   {  
  194. if(name.charCodeAt(i)   >   128)
  195. return   false;
  196. }
  197. return   true;
  198. }
  199. function   isChinese(name)   //中文值检测
  200. {  
  201. if(name.length   ==   0)
  202. return   false;
  203. for(i   =   0;   i   <   name.length;   i++)   {  
  204. if(name.charCodeAt(i)   >   128)
  205. return   true;
  206. }
  207. return   false;
  208. }
  209. function   isMail(name)   //   E-mail值检测
  210. {  
  211. if(!   isEnglish(name))
  212. return   false;
  213. i   =   name.indexOf("   at   ");
  214. j   =   name   dot   lastIndexOf("   at   ");
  215. if(i   ==   -1)
  216. return   false;
  217. if(i   !=   j)
  218. return   false;
  219. if(i   ==   name   dot   length)
  220. return   false;
  221. return   true;
  222. }
  223. function   isNumber(name)   //数值检测
  224. {  
  225. if(name.length   ==   0)
  226. return   false;
  227. for(i   =   0;   i   <   name.length;   i++)   {  
  228. if(name.charAt(i)   <   "0"   ||   name.charAt(i)   >   "9")
  229. return   false;
  230. }
  231. return   true;
  232. }
  233. function   CheckForm()
  234. {  
  235. if(!   isMail(form.Email.value))   {  
  236. alert("您的电子邮件不合法!");
  237. form.Email.focus();
  238. return   false;
  239. }
  240. if(!   isEnglish(form.name.value))   {  
  241. alert("英文名不合法!");
  242. form.name.focus();
  243. return   false;
  244. }
  245. if(!   isChinese(form.cnname.value))   {  
  246. alert("中文名不合法!");
  247. form.cnname.focus();
  248. return   false;
  249. }
  250. if(!   isNumber(form.PublicZipCode.value))   {  
  251. alert("邮政编码不合法!");
  252. form.PublicZipCode.focus();
  253. return   false;
  254. }
  255. return   true;
  256. }
  257. //-->
  258. </SCRIPT>
  259. 2.6   限定表单项不能输入的字符
  260. <script   language="javascript">
  261. <!--
  262. function   contain(str,charset)//   字符串包含测试函数
  263. {  
  264. var   i;
  265. for(i=0;i<charset.length;i++)
  266. if(str.indexOf(charset.charAt(i))>=0)
  267. return   true;
  268. return   false;
  269. }
  270. function   CheckForm()
  271. {  
  272. if   ((contain(document.form.NAME.value,   "%/(/)><"))   ||   (contain(document.form.MESSAGE.value,   "%/(/)><")))
  273. {  
  274. alert("输入了非法字符");
  275. document.form.NAME.focus();
  276. return   false;
  277. }
  278. return   true;
  279. }
  280. //-->
  281. </script>  
  282. 1. 检查一段字符串是否全由数字组成       
  283. ---------------------------------------       
  284. <script language="Javascript"><!--           
  285. function checkNum(str){return str.match(//D/)==null}           
  286. alert(checkNum("1232142141"))           
  287. alert(checkNum("123214214a1"))           
  288. // --></script>         
  289.       
  290. 2. 怎么判断是否是字符         
  291. ---------------------------------------       
  292. if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");          
  293. else alert("全是字符");      
  294.            
  295. 3. 怎么判断是否含有汉字        
  296. ---------------------------------------        
  297. if (escape(str).indexOf("%u")!=-1) alert("含有汉字");         
  298. else alert("全是字符");           
  299.     
  300. 4. 邮箱格式验证    
  301. ---------------------------------------      
  302. //函数名:chkemail     
  303. //功能介绍:检查是否为Email Address     
  304. //参数说明:要检查的字符串     
  305. //返回值:0:不是 1:是     
  306. function chkemail(a)     
  307. var i=a.length;     
  308. var temp = a.indexOf('@');     
  309. var tempd = a.indexOf('.');     
  310. if (temp > 1) {     
  311. if ((i-temp) > 3){     
  312. if ((i-tempd)>0){     
  313. return 1;     
  314. }     
  315.     
  316. }     
  317. }     
  318. return 0;     
  319. }     
  320.     
  321. 5. 数字格式验证    
  322. ---------------------------------------      
  323. //函数名:fucCheckNUM     
  324. //功能介绍:检查是否为数字     
  325. //参数说明:要检查的数字     
  326. //返回值:1为是数字,0为不是数字     
  327. function fucCheckNUM(NUM)     
  328. {     
  329. var i,j,strTemp;     
  330. strTemp="0123456789";     
  331. if ( NUM.length== 0)     
  332. return 0     
  333. for (i=0;i<NUM.length;i++)     
  334. {     
  335. j=strTemp.indexOf(NUM.charAt(i));     
  336. if (j==-1)     
  337. {     
  338. //说明有字符不是数字     
  339. return 0;     
  340. }     
  341. }     
  342. //说明是数字     
  343. return 1;     
  344. }     
  345.     
  346. 6. 电话号码格式验证    
  347. ---------------------------------------      
  348. //函数名:fucCheckTEL     
  349. //功能介绍:检查是否为电话号码     
  350. //参数说明:要检查的字符串     
  351. //返回值:1为是合法,为不合法     
  352. function fucCheckTEL(TEL)     
  353. {     
  354. var i,j,strTemp;     
  355. strTemp="0123456789-()# ";     
  356. for (i=0;i<TEL.length;i++)     
  357. {     
  358. j=strTemp.indexOf(TEL.charAt(i));     
  359. if (j==-1)     
  360. {     
  361. //说明有字符不合法     
  362. return 0;     
  363. }     
  364. }     
  365. //说明合法     
  366. return 1;     
  367. }    
  368.    
  369. 7. 判断输入是否为中文的函数   
  370. ---------------------------------------      
  371. function ischinese(s){   
  372. var ret=true;   
  373. for(var i=0;i<s.length;i++)   
  374. ret=ret && (s.charCodeAt(i)>=10000);   
  375. return ret;   
  376. }    
  377.    
  378. 8. 综合的判断用户输入的合法性的函数  
  379. ---------------------------------------      
  380. <script language="javascript">  
  381. //限制输入字符的位数开始  
  382. //m是用户输入,n是要限制的位数  
  383. function issmall(m,n)  
  384. {  
  385. if ((m<n) && (m>0))  
  386.    {  
  387.    return(false);  
  388.    }  
  389. else  
  390. {return(true);}  
  391. }  
  392.   
  393. 9. 判断密码是否输入一致  
  394. ---------------------------------------      
  395. function issame(str1,str2)  
  396. {  
  397. if (str1==str2)  
  398. {return(true);}  
  399. else  
  400. {return(false);}  
  401. }  
  402.   
  403. 10. 判断用户名是否为数字字母下滑线
  404. ---------------------------------------      
  405. function notchinese(str){
  406. var reg=/[^A-Za-z0-9_]/g
  407.      if (reg.test(str)){
  408.      return (false);
  409.      }else{
  410. return(true);     }
  411. }
  412. 11. form文本域的通用校验函数
  413. ---------------------------------------      
  414. 作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
  415. 该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。
  416. 使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
  417. html如下<input name="txt_1" title="姓名">,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
  418. 如果要检测数字类型数据的话,再把域的id统一为sz.
  419. javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。
  420. 程序比较草,只是提供一个思路。抛砖引玉! :)
  421. 哦,对了,函数调用方法:< form   οnsubmit="return dovalidate()">
  422. function dovalidate()
  423. {
  424. fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
  425.      for(i=0;i<fm.length;i++)
  426.      {  
  427.      //检测判断条件,根据类型不同可以修改
  428.      if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))
  429.     
  430.           if(fm[i].value="/blog/="")//
  431.           {
  432.           str_warn1=fm[i].title+"不能为空!";
  433.           alert(str_warn1);
  434.          fm[i].focus();
  435.           return false;         
  436.           }
  437.           if(fm[i].id.toUpperCase()=="SZ")//数字校验
  438.           {
  439.                   if(isNaN(fm[i].value))
  440.                  { str_warn2=fm[i].title+"格式不对";
  441.                  alert(str_warn2);
  442.                  fm[i].focus();
  443.                   return false;
  444.                   }
  445.          }
  446.      }
  447.      return true;
  448. }
  449. 2 >表单提交验证类
  450. 2.1 表单项不能为空
  451. <script language="javascript">
  452. <!--
  453. function CheckForm()
  454. {
  455. if (document.form.name.value.length == 0) {
  456. alert("请输入您姓名!");
  457. document.form.name.focus();
  458. return false;
  459. }
  460. return true;
  461. }
  462. -->
  463. </script>
  464. 2.2 比较两个表单项的值是否相同
  465. <script language="javascript">
  466. <!--
  467. function CheckForm()
  468. if (document.form.PWD.value != document.form.PWD_Again.value) {
  469. alert("您两次输入的密码不一样!请重新输入.");
  470. document.ADDUser.PWD.focus();
  471. return false;
  472. }
  473. return true;
  474. }
  475. -->
  476. </script>
  477. 2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
  478. <script language="javascript">
  479. <!--
  480. function isNumber(String)
  481. {
  482. var Letters = "1234567890-"//可以自己增加可输入值
  483. var i;
  484. var c;
  485. if(String.charAt( 0 )=='-')
  486. return false;
  487. if( String.charAt( String.length - 1 ) == '-' )
  488. return false;
  489. for( i = 0; i < String.length; i ++ )
  490. {
  491. c = String.charAt( i );
  492. if (Letters.indexOf( c ) < 0)
  493. return false;
  494. }
  495. return true;
  496. }
  497. function CheckForm()
  498. {
  499. if(! isNumber(document.form.TEL.value)) {
  500. alert("您的电话号码不合法!");
  501. document.form.TEL.focus();
  502. return false;
  503. }
  504. return true;
  505. }
  506. -->
  507. </script>
  508. 2.4 表单项输入数值/长度限定
  509. <script language="javascript">
  510. <!--
  511. function CheckForm()
  512. {
  513. if (document.form.count.value > 100 || document.form.count.value < 1)
  514. {
  515. alert("输入数值不能小于零大于100!");
  516. document.form.count.focus();
  517. return false;
  518. }
  519. if (document.form.MESSAGE.value.length<10)
  520. {
  521. alert("输入文字小于10!");
  522. document.form.MESSAGE.focus();
  523. return false;
  524. }
  525. return true;
  526. }
  527. //-->
  528. </script>
  529. 2.5 中文/英文/数字/邮件地址合法性判断
  530. <SCRIPT LANGUAGE="javascript">
  531. <!--
  532. function isEnglish(name) //英文值检测
  533. {
  534. if(name.length == 0)
  535. return false;
  536. for(i = 0; i < name.length; i++) {
  537. if(name.charCodeAt(i) > 128)
  538. return false;
  539. }
  540. return true;
  541. }
  542. function isChinese(name) //中文值检测
  543. {
  544. if(name.length == 0)
  545. return false;
  546. for(i = 0; i < name.length; i++) {
  547. if(name.charCodeAt(i) > 128)
  548. return true;
  549. }
  550. return false;
  551. }
  552. function isMail(name) // E-mail值检测
  553. {
  554. if(! isEnglish(name))
  555. return false;
  556. i = name.indexOf(" at ");
  557. j = name dot lastIndexOf(" at ");
  558. if(i == -1)
  559. return false;
  560. if(i != j)
  561. return false;
  562. if(i == name dot length)
  563. return false;
  564. return true;
  565. }
  566. function isNumber(name) //数值检测
  567. {
  568. if(name.length == 0)
  569. return false;
  570. for(i = 0; i < name.length; i++) {
  571. if(name.charAt(i) < "0" || name.charAt(i) > "9")
  572. return false;
  573. }
  574. return true;
  575. }
  576. function CheckForm()
  577. {
  578. if(! isMail(form.Email.value)) {
  579. alert("您的电子邮件不合法!");
  580. form.Email.focus();
  581. return false;
  582. }
  583. if(! isEnglish(form.name.value)) {
  584. alert("英文名不合法!");
  585. form.name.focus();
  586. return false;
  587. }
  588. if(! isChinese(form.cnname.value)) {
  589. alert("中文名不合法!");
  590. form.cnname.focus();
  591. return false;
  592. }
  593. if(! isNumber(form.PublicZipCode.value)) {
  594. alert("邮政编码不合法!");
  595. form.PublicZipCode.focus();
  596. return false;
  597. }
  598. return true;
  599. }
  600. //-->
  601. </SCRIPT>
  602. 2.6 限定表单项不能输入的字符
  603. <script language="javascript">
  604. <!--
  605. function contain(str,charset)// 字符串包含测试函数
  606. {
  607. var i;
  608. for(i=0;i<charset.length;i++)
  609. if(str.indexOf(charset.charAt(i))>=0)
  610. return true;
  611. return false;
  612. }
  613. function CheckForm()
  614. {
  615. if ((contain(document.form.NAME.value, "%/(/)><")) || (contain(document.form.MESSAGE.value, "%/(/)><")))
  616. {
  617. alert("输入了非法字符");
  618. document.form.NAME.focus();
  619. return false;
  620. }
  621. return true;
  622. }
 
 类似资料:

相关阅读

相关文章

相关问答