JQ實現將字串的銘文轉換成密文存放,並顯示密文,密文形成方法是:輸入的字母用後4個字母替換,如字母A用其後第4個字元E代替,字母a用e代替。
阿新 • • 發佈:2018-12-22
檔案結構
程式碼部分
<!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.當輸入非法格式時