網頁技巧學習:表單精確驗證代碼

來源:互聯網
上載者:User
技巧|網頁

  在表單輸入完資料以後,實現以下驗證效果:

  1--規定輸入的字小於50字

<script>
function test()
{
if(document.a.b.value.length>50)
  {
  alert("不能超過50個字元!");
  document.a.b.focus();
  return false;
  }
}
</script>
<form name=a >
<textarea name="b" cols="40" wrap="VIRTUAL"  rows="6"></textarea>
<input type="submit" name="Submit" value="check">

  2--只能是漢字

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

  3--只能是英文字元

<script language=javascript>
function onlyEng()
{
  if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnValue=false;
}
</script>
<input >

  4--只能是數字

<script language=javascript>
function onlyNum()
{
  if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考慮小鍵盤上的數字鍵
    event.returnValue=false;
}
</script>
<input >

  5--只能是英文字元和數字

<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

  6--規定的輸入長度必須大於10字

<script>
function test()
{
if(document.a.b.value.length<10)
  {
  alert("不能少於10個字元!");
  document.a.b.focus();
  return false;
  }
}
</script>
<form name=a >
<textarea name="b" cols="40" wrap="VIRTUAL"  rows="6"></textarea>
<input type="submit" name="Submit" value="check">

  7--驗證為email格式

<SCRIPT LANGUAGE=Javascript RUNAT=Server>
function isEmail(strEmail) {
 if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
  return true;
 else
  alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

  8--屏蔽關鍵字(就是如果遇到我事先設定的關鍵字,就提示錯誤,無法繼續)

<script language="JavaScript1.2">
function test() {
if((a.b.value.indexOf ("sex") == 0)||(a.b.value.indexOf ("****") == 0)){
    alert("五講四美三熱愛");
    a.b.focus();
    return false;}
}
</script>
<form name=a >
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。