JQuery伝言板demo--コード-1-データ追加
2069 ワード
JQuery
// HTML DOM JS
$(function() {
//
function check() {
var strText = $("#txt_submit").val();
//
if ("" == strText) {
$("#msg").html(" ");
return false;
}
//
if (strText.length < 6) {
$("#msg").html(" 6");
return false;
}
//
if (strText.length > 10) {
$("#msg").html(" 10");
return false;
}
//
if (!/^[\u4e00-\u9fa5]+$/.test(strText)) {
$("#msg").html(" ");
return false;
}
//
$("#msg").html("");
return true;
}
//
function addMsg() {
// div
var temp = $("<div>");
// div
temp.html($("#txt_submit").val());
// div
$("#msg_board").append(temp);
//
$("#txt_submit").val("");
}
//
$("#btn_submit").click(function() {
//
if (check()) {
addMsg();
}
// false, ,
return false;
});
//
$("#txt_submit").keyup(check);
// JS
});