欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

小編給大家分享一下JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

創(chuàng)新互聯(lián)專業(yè)提供綿陽服務(wù)器托管服務(wù),為用戶提供五星數(shù)據(jù)中心、電信、雙線接入解決方案,用戶可自行在線購買綿陽服務(wù)器托管服務(wù),并享受7*24小時金牌售后服務(wù)。

JavaScript 是世界上最流行的腳本語言。

JavaScript 是屬于 web 的語言,它適用于 PC、筆記本電腦、平板電腦和移動電話。

JavaScript 被設(shè)計為向 HTML 頁面增加交互性。

許多 HTML 開發(fā)者都不是程序員,但是 JavaScript 卻擁有非常簡單的語法。幾乎每個人都有能力將小的 JavaScript 片段添加到網(wǎng)頁中。

特點:輕量級、通用、可插入html設(shè)計、易學(xué)

JS-注冊表單檢測雛形

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>JS-注冊表單</title>
 <script>
  // 在頁面加載時,執(zhí)行指定函數(shù)
  window.onload = function () {
   // document.getElementById() 獲取用戶輸入的用戶名的標(biāo)簽對象;
   var uEle = document.getElementById('username');
   // 彈出警示框
   alert(uEle);
   // 獲取對象里面的值
   var uValue = uEle.value;
   alert(uValue)
 
  }
 </script>
</head>
<body>
<form action="#" method="get">
  <!--get: 填寫的信息會在url里面顯示, 對于重要的數(shù)據(jù)來說是不安全的;
  post: 填寫的信息不會在url里面顯示
  -->
 用戶名:<input type="text" name="username" placeholder="用戶名" id="username">
 <br>
 密碼:<input type="password" name="passwd" placeholder="密碼" id="passwd">
 <br>
 <input type="submit" value="注冊">
  
</form>
</body>
</html>

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

JS-校驗表單

我們可以在事件發(fā)生時執(zhí)行 JavaScript,比如當(dāng)用戶在 HTML 元素上點擊時。

如需在用戶點擊某個元素時執(zhí)行代碼,請向一個 HTML 事件屬性添加 JavaScript 代碼:

onclick=JavaScript

需求:校驗用戶名是否為空、密碼長度是否大于6

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>JS-檢測用戶名</title>
 <script>
 function checkForm() {
  var nameValue = document.getElementById('username').value;
  if (nameValue ===''){
   alert('用戶名不能為空!');
   return false
  }
  var passValue = document.getElementById('passwd').value;
  if (passValue.length <= 6){
   alert('密碼長度需大于6');
   return false
  }
 
 }
 
 </script>
</head>
<body>
<!--
實現(xiàn)步驟:
 1. 確定事件類型onsubmit(常見事件類型的網(wǎng)址: http://www.w3school.com.cn/js/js_htmldom_events.asp);
 2. 對這個事件綁定一個函數(shù)(執(zhí)行的操作寫在函數(shù)里面);
 3. 函數(shù)的核心功能: 校驗用戶名是否為空?
  1). 獲取輸入用戶名標(biāo)簽提交的內(nèi)容;
  2). if判斷用戶名是否為空?
  3). 如果數(shù)據(jù)合法, 繼續(xù)執(zhí)行, 提交表單;
  4). 如果數(shù)據(jù)不合法, 不讓表單提交? (顯示彈出框報錯) --- alert
-->
<!--onsubmit 事件會在表單中的確認(rèn)按鈕被點擊時發(fā)生-->
<form action="#" method="get" onsubmit="return checkForm()">
 
 用戶名: <input type="text" name="username" placeholder="用戶名" id="username"><br/>
 密碼: <input type="password" name="passwd" placeholder="密碼" id="passwd"><br/>
 <input type="submit" value="注冊">
 
</form>
 
</body>!
</html>

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

JS-運算符

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

與python不同,‘=='判斷時,會將字符串轉(zhuǎn)換為整形進(jìn)行比較,‘==='判斷是類型和值一起比較

5 =='5' --> true
5==='5' --> false

基于某些條件對變量進(jìn)行賦值的條件運算符。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>JS-等號</title>
 <script>
  var x = 5;
  var y = '5';
  alert(x===y);
  var num =(5==='5')?'ok':'not ok '
  alert(num)
 </script>
</head>
<body>
 
</body>
</html>

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法

以上是“JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

分享文章:JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能的方法
網(wǎng)站URL:http://www.aaarwkj.com/article2/gjoeic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、服務(wù)器托管、定制開發(fā)、云服務(wù)器、電子商務(wù)商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
中文字幕久精品视频免费| 午夜毛片免费在线播放| 97精品少妇一区二区三区| 国产黄色一区二区三区| 精品一区二区三区高清| 免费观看久久黄色大片| 亚洲av精二区三区四区| 精品国产熟女成人av| 少妇人妻偷人精品系列| 国产亚洲欧美另类网爆| 黄色污网站在线观看免费| 中文字幕国产精品一区二| 91无人区一区二区三乱码| 国产精品久久99一区| av永久天堂一区二区三区| 亚洲av不卡一区二区在线观看| 情侣自拍偷拍亚洲天堂区| 欧美日韩三级性生活水平| 成人激情视频在线观看| 亚洲欧美日韩精品麻豆| 亚洲人成伊人成综合网中文| 黄片视频免费观看一起草| 中文字幕亚洲精品99| 久久精品人妻麻豆尤物| 久久亚洲精品1区2区| 成人av免费高清在线| 欧美亚洲成人免费电影| 中文字幕中文字幕乱码| 国产欧美日本综合一区| 久久精品一区二区三区不卡| 欧美制服丝袜亚洲自拍偷拍| 亚洲一区二区三区久久精品| 97久久成人国产精品免费| 亚洲激情自拍偷拍视频| 中文字幕一区二区三天| 亚洲欧美日韩精品在线观看| 免费人成黄页网站在线播放国产| 97视频在线观看网站| 18以下的人禁止看的视频| 欧美激情在线精品一区二区| 亚洲精品在线一二三区|