主頁 > 知識庫 > 用JavaScrip正則表達式驗證form表單的方法

用JavaScrip正則表達式驗證form表單的方法

熱門標簽:外呼系統(tǒng)無呼出路由是什么原因 400電話辦理電話辦理 梅縣地圖標注 甘肅醫(yī)療外呼系統(tǒng)排名 呼叫系統(tǒng)外呼只能兩次 西藏智能外呼系統(tǒng)代理商 ai電話機器人搭建 貴港公司如何申請400電話 地圖標注教學點

document:標簽之間

location:url

history:前進后退




html> 
 head> 
  script type="text/javascript"> 
   function show() 
   { 
    //彈出一個提示框 
    window.alert("hh"); 
   } 
   //將show方法綁定到按鈕上 
   window.onload=function() 
   { 
    //定位到按鈕 
    var buttonElement=document.forms[0].mybtn; 
    //動態(tài)綁定show方法 
    buttonElement.onclick=show; 
    //show如果加()則一加載網頁就彈出提示框 
   } 
   function validateForm() 
   { 
    var loginform=document.forms[1]; 
    var username=trim(loginform.username.value); 
    var password=trim(loginform.password.value); 
    var email=trim(loginform.email.value); 
//    alert("替代前長度:"+username.length); 
//    username=trim(username); 
 //   alert("替代后長度:"+username.length); 
    //判斷用戶名必填: 
    if(username.length==0) 
    { 
     alert("用戶必填"); 
    } 
    else if(!/^[a-zA-Z0-9]+$/.test(username)) 
    { 
     alert("用戶名必須是英文字母"); 
    } 
    else if(password.length==0) 
    { 
     alert("密碼必填"); 
    } 
    else if(!/^[0-9]{6}$/.test(password)) 
    { 
     alert("密碼必須為6位數字"); 
    } 
    else if(email.length==0) 
    { 
     alert("郵箱必填"); 
    } 
    else if(!/^\w+@\w+(\.\w+)+$/.test(email)) 
    { 
     alert("郵箱格式不正確"); 
    } 
    return false; 
   } 
   //自定義一個去空格的參數 
   function trim(s) 
   { 
    //s.REPLACE(正則表達式,替換的字符) 
    s=s.replace(/^\s*$/,""); 
    return s; 
   } 
  /script> 
  style type="text/css"> 
   .myclass{ 
    position: absolute; 
    left: 400px; 
    top: 150px; 
   } 
  /style> 
 /head>  
 body> 
  div class="myclass"> 
  form action="#" name="myform" method="post"> 
  input type="button" value="單機" name="mybtn"/> 
  /form> 
  /div> 
  !--登錄頁面的表單--> 
  form action="#" name="loginform" method="post" onsubmit="return validateForm()"> 
  table border="1" align="center"> 
   caption>基于js的驗證/caption> 
    tr> 
     th>用戶名:/th> 
     td>input type="text" name="username"/>/td> 
    /tr> 
    tr> 
     th>密碼:/th> 
     td>input type="password" name="password"/>/td> 
    /tr> 
    tr> 
     th>郵箱:/th> 
     td>input type="text" name="email"/>/td> 
    /tr> 
    tr> 
     td align="center" colspan="2"> 
      input type="submit" value="提交" /> 
     /td> 
    /tr> 
  /table> 
  /form> 
 /body> 
/html> 

以上所述是小編給大家介紹的用JavaScrip正則表達式驗證form表單的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

您可能感興趣的文章:
  • JS去掉字符串前后空格、阻止表單提交的實現代碼
  • 利用JavaScript阻止表單提交的兩種方法
  • 阻止表單提交按鈕多次提交的完美解決方法
  • onsubmit阻止form表單提交與onclick的相關操作
  • 使用Ajax方法實現Form表單的提交及注意事項
  • javascript下阻止表單重復提交、防刷新、防后退
  • JavaScript阻止表單提交方法(附代碼)

標簽:泰安 本溪 湖州 哈密 大興安嶺 涼山 常州

巨人網絡通訊聲明:本文標題《用JavaScrip正則表達式驗證form表單的方法》,本文關鍵詞  用,JavaScrip,正則,表達式,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《用JavaScrip正則表達式驗證form表單的方法》相關的同類信息!
  • 本頁收集關于用JavaScrip正則表達式驗證form表單的方法的相關信息資訊供網民參考!
  • 推薦文章