Javascriptメッセージボードdemo-コード-2-データの削除
2804 ワード
Javascript
// HTML JS
window.onload = function() {
//
var txt_submit = document.getElementById("txt_submit");
//
var btn_submit = document.getElementById("btn_submit");
// span
var msg = document.getElementById("msg");
// span
var msg_board = document.getElementById("msg_board");
//
function check() {
//
var strText = txt_submit.value;
//
if ("" == strText) {
msg.innerHTML = " ";
return false;
}
//
if (strText.length < 6) {
msg.innerHTML = " 6";
return false;
}
//
if (strText.length > 10) {
msg.innerHTML = " 10";
return false;
}
//
if (!/^[\u4e00-\u9fa5]+$/.test(strText)) {
msg.innerHTML = " ";
return false;
}
//
msg.innerHTML = "";
return true;
};
//
function addMsg() {
// div
var temp = document.createElement("div");
// div
temp.innerHTML = txt_submit.value;
// div
msg_board.appendChild(temp);
//
var btnDel = document.createElement("button");
//
btnDel.innerHTML = " ";
// div
temp.appendChild(btnDel);
// --
btnDel.onclick = function() {
// div
msg_board.removeChild(this.parentElement);
};
//
txt_submit.value = "";
}
btn_submit.onclick = function() {
//
if (check()) {
addMsg();
}
// false, ,
return false;
};
txt_submit.onkeyup = check;
// JS
};