1. 程式人生 > >JQ實現將字串的銘文轉換成密文存放,並顯示密文,密文形成方法是:輸入的字母用後4個字母替換,如字母A用其後第4個字元E代替,字母a用e代替。

JQ實現將字串的銘文轉換成密文存放,並顯示密文,密文形成方法是:輸入的字母用後4個字母替換,如字母A用其後第4個字元E代替,字母a用e代替。

檔案結構

這裡寫圖片描述

程式碼部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="./js/jquery-3.2.1.js"></script>
    <script src="./js/jquery-3.2.1.min.js"></script>
</head>
<body>
<input type="text" class="input" /><input
class="submit"type="submit" />
<h1>注意:</h1><p style="color:red;">請輸入小寫字母和大寫字母組成的資料字串。其它字串無效。。。</p> </body> <script> $(function(){ encryption(); }); /** * 用於加密字串 */ function encryption(){ $('.submit').click(function() { var
char_one = "";//用於存放擷取到的單個字元 var new_string = "";//用於存放加密後的字串 var string_list = $('.input').val();//獲取input輸入的字串 if(string_list.length != 0){ for (var i=0;i<string_list.length;i++) { char_one = string_list.substr(i, 1
)//擷取字串中的單個字元 char_one = smail_or_big(char_one); if(char_one == 0){ break; } char_one = String.fromCharCode(char_one);//把ascill轉換成字元 new_string += char_one;//把加密後的單個字元拼裝成字串 } if(char_one == 0){ alert('您輸入的資料格式不正確,請重新輸入。。。'); $('.input').val(''); }else{ alert("加密後的資料為:"+new_string); } }else{ alert('您還沒有輸入任何資料。。'); } }); } /** * 用於判斷此字元為小寫字母還是大寫字母 */ function smail_or_big(char_one){ char_one = char_one.charCodeAt();//把單個字元轉換成ascill if(char_one >= 65 && char_one <=90){ return big_better(char_one); }else if(char_one >= 97 && char_one <= 122){ return smail_better(char_one); }else{ return 0; } } /** * 用於加密大寫字母 */ function big_better(char_one){ if(char_one > 86){ char_one = 4 - (90 - char_one) + 64; return char_one; }else{ char_one +=4; return char_one; } } /** * 用於加密大寫字母 */ function smail_better(char_one){ if(char_one > 118){ char_one = 4 - (122 - char_one) + 96; return char_one; }else{ char_one +=4; return char_one; } }
</script> </html>

實現效果

1.介面樣式,雖然難看點,但是湊合來吧。
這裡寫圖片描述
2.正確執行效果
這裡寫圖片描述
3.當什麼也不輸入時
這裡寫圖片描述
4.當輸入非法格式時
這裡寫圖片描述