渡課学習日記7.31
9090 ワード
一、勉強内容
フォーム検証ユーザー情報のJavaScriptコードの作成
二、学習時間の手配
午後1時30分～2時30分にコードの内容を理解し、考えを整理して、見たことがない基礎文法APIを了解しました.2:30~5:00今日のコードは何度もたたいて、熟練しています.5:00~5:30思考ガイドの完備;7:00~7:30今日のブログの作成;7:30~8:30今日の内容を振り返ってみます.
三、フォームデータを検証するJavaScript
JavaScriptフォームはユーザーデータの考え方を検証します. HTMLコードを書き出して、信頼フォーマット を完成します.は、バートンでトリガ・イベントを定義する .は、イベント関数および対応する変数 を定義する.は変数判断(flip=ture)によって相応の語句を印刷してJavaScriptを通じて一つのことを書き出したいです.構想はとても重いです.また、文法の知識も重要です.ほとんどの機能はAPIがあります.呼び出しによって実現できますが、基本的な文法をマスターしなければなりません.
フォーム検証ユーザー情報のJavaScriptコードの作成
二、学習時間の手配
午後1時30分～2時30分にコードの内容を理解し、考えを整理して、見たことがない基礎文法APIを了解しました.2:30~5:00今日のコードは何度もたたいて、熟練しています.5:00~5:30思考ガイドの完備;7:00~7:30今日のブログの作成;7:30~8:30今日の内容を振り返ってみます.
三、フォームデータを検証するJavaScript
<html>
<head>
<title>title>
<meta charset="utf-8">
head>
<body>
<form>
<span style="color: red;">*span> ：<input type="text" id="username" name=""> <span id="usernameError" style="color: red">span><br><br>
QQ:<input type="text" id="qq" name="" size="26px"> <span id="qqError" style="color: red">span><br><br>
Tel:<input type="text" id="tel" name="" size="25px"> <span id="telError" style="color: red">span><br><br>
<input type="button" onclick="formReg()" name="" value=" "> <span id="resultSpan" style="color: red">span>
form>
<script type="text/javascript">
var formReg = function() {
var flag = true;
var errorMsg = "";
var username = document.getElementById("username").value;
var qq = document.getElementById("qq").value;
var tel = document.getElementById("tel").value;
//username ： ，
if(username.trim() == "" || username.trim().length >6) {
flag = false;
document.getElementById("usernameError").innerHTML = " 6";
}else {
document.getElementById("usernameError").innerHTML = "";
}
if(qq.trim() != "" && isNaN(qq)) {
flag = false;
// errorMsg += "QQ |";
document.getElementById("qqError").innerHTML = "QQ ";
}else {
document.getElementById("qqError").innerHTML = "";
}
var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
if(tel.trim() != "" && !myreg.test(tel)) {
flag = false;
// errorMsg += " ！|";
document.getElementById("telError").innerHTML = " ！";
}else {
document.getElementById("telError").innerHTML = "";
}
if(flag) {
// alert(" ");
document.getElementById("resultSpan").innerHTML = " ";
document.getElementById("resultSpan").style.color = "green";
}else {
document.getElementById("resultSpan").innerHTML = " ";
document.getElementById("resultSpan").style.color = "red";
}
}
script>
body>
html>JavaScriptフォームはユーザーデータの考え方を検証します.