# 具體遇到的問題
設定好js和cs檔案不起作用
# 報錯資訊的截圖
# 相關課程内容截圖
# 嘗試過的解決思路和結果
# 粘貼全部相關代碼，切記添加代碼注釋(請勿截圖)addBook.jsp
pageEncoding="UTF-8"%>
建立圖書資訊
圖書資訊管理
Hello, XXX!
請小心地新增圖書資訊，要是建了一個錯誤的就不好了。。。
建立
圖書編号 ：
圖書名稱 ：
分類 ：
計算機類
音樂類
飲食類
漫畫類
價格 ：
圖書封面 ：
備注 ：
儲存
[email protected]
validation.js
function switchValid( onOff, input, errSelector, message ){
if( onOff == false ){
$( errSelector ).text( message );
$( input ).addClass( "error_input" );
$( errSelector ).addClass( "error_message" );
}else{
$( errSelector ).text( "" );
$( input ).removeClass( "error_input" );
$( errSelector ).removeClass( "error_message" );
}
}
function checkLoginEmpty( input, errSelector ){
var ms;
if( input == "#name" ){
ms = "請輸入使用者名！";
}else if( input == "#pwd" ){
ms = "請輸入密碼！";
}
var val = $( input ).val();
if( $.trim( val ) == "" ){
switchValid( false, input, errSelector, ms );
return false;
}else{
switchValid( true, input, errSelector );
return true;
}
}
function checkEmpty( input, errSelector ){
var val = $( input ).val();
if( $.trim(val) == "" ){
switchValid( false, input, errSelector, "請輸入内容" );
return false;
}else{
switchValid( true, input, errSelector );
return true;
}
}add.css
footer{
padding:15px 0px;
border-top:1px solid #ccc;
margin-top:10px;
}
button{
margin-top:20px;
}
.error_input {
color: red;
font-weight: bold;
border: 1px solid red;
}
.error_message {
color: red;
margin-left: 30px;
}