1. 程式人生 > >Jquery開發記錄1——表單篇(滑鼠離開輸入框觸發操作)

Jquery開發記錄1——表單篇(滑鼠離開輸入框觸發操作)

一 功能需求:

  彈出視窗,硬碟和記憶體輸入框設定成只讀,不可自己輸入,IP輸入框輸入機器IP後,當滑鼠點選其他輸入框或是其他區域時,通過正確的IP非同步獲取到機器的硬碟和記憶體值,填充到硬碟和記憶體的輸入框,如果IP不正確,則在IP輸入框下面列印錯誤資訊,待輸入正確的ip後,取消錯誤資訊。

二 效果示意:

初始視窗:

 

2 正確效果:


3 錯誤效果:

 


三 程式碼實現:

1 velocity介面程式碼:

 

 

2 js程式碼:

在彈出這個視窗的函式(click())中,進行初始化,在滑鼠聚焦離開IP輸入框時,觸發getDiskAndMem()方法,設定硬碟和記憶體為只讀。

 

以下是getDiskAndMem方法:




 Json資料:




相關推薦

Jquery開發記錄1——單篇滑鼠離開輸入觸發操作

一 功能需求:   彈出視窗,硬碟和記憶體輸入框設定成只讀,不可自己輸入,IP輸入框輸入機器IP後,當滑鼠點選其他輸入框或是其他區域時,通過正確的IP非同步獲取到機器的硬碟和記憶體值,填充到硬碟和記憶體的輸入框,如果IP不正確,則在IP輸入框下面列印錯誤資訊,待輸入正確的

jQuery使用ajaxSubmit()提交在不希望頁面跳轉的情況下

ont .ajax 引入 當前 data fun get orm mit 原文:http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一個插件jquery.form.js裏面的方法,所以使用此方法需要先

GTHE3開發記錄1

最近有個專案用到Xilinx公司KU系列的板子開發SATA3.0介面與SSD進行高速資料傳輸。鑑於工程有點複雜,藉此部落格做些記錄,也供大家共同進步。 Xilinx公司有提供了GTP、GTH、GTX、GTZ、GTY多種高速串並轉換口,在建立Vivado工程選擇晶

jquery的非同步提交非同步上傳檔案jquery.form.js上傳檔案注意事項

方法一:jquery的ajax方式,通過FormaData獲取表單資料 (1)這種方式只需要jquery-1.7.js外掛; (2)通過`jquery中的FormaData類: 自動搜尋表單資訊(表單內沒有name屬性的input不會被搜尋到),IE<=9

Super Pig遊戲開發記錄(1)

首先第一步,先把之前做的一個小遊戲的模版弄過來,然後修改修改。 在前一個小遊戲中已經做好捲動背景及亂數產生物件的部份功能,直接拿來這個遊戲用就很剛好。 主角是隻小豬,所以我找了亂馬1/2中的小P的圖,在上面寫字弄成兩張圖,來代表動畫。 會有遊戲模版主要是因為前陣子三星G

C#復習筆記3--C#2:解決C#1的問題進入快速通道的委托

包含 問題 道理 一次 簡化 linq base 啟動 外部 委托 前言:C#1中就已經有了委托的概念,但是其繁雜的用法並沒有引起開發者太多的關註,在C#2中,進行了一些編譯器上的優化,可以用匿名方法來創建一個委托。同時,還支持的方法組和委托的轉換。順便的,C#2中增加了委

數據庫設計一對多,多對多

關系 log 一個 數據庫 inf 對應關系 分享圖片 也有 通過 做一個項目,必然是少不了數據庫設計的!在學習階段,基本都是單表。然而在實際開發過程中,一對多,多對多的表處處都是!簡單整理一下,一對多,多對多表如何設計整理一下思路: 數據庫

1.mysql學習筆記在命令行中的操作

style 登錄 left 多個數據庫 mysql 一個數據庫 weight 準備 ase 2018-07-28 mysql和oracle的不同點: 一個oracle就是一個數據庫。 而一個mysql中可以有多個數據庫 準備:登錄到數據庫 註意:每一個命令都要以分號結束

楊老師課堂之JavaScript懸浮事件滑鼠移入移出事件

 今天給大家分享一個簡單的JavaScript事件案例: 該事件屬於懸浮事件 改程式碼邏輯非常簡單,主要是 當滑鼠移動到按鈕上顯示一個盒子,移開之後盒子隱藏 JavaScript事件中     onmouseover 代表的是滑鼠指標移動到指定的物件

藍書演算法競賽進階指南刷題記錄——POJ1734 Sightseeing trip無向圖最小環

題目:poj1734. 題目大意:給定一張無向圖,求這張無向圖邊權和最小的節點大於3個的環,若有解輸出任意一個方案,否則輸出“No solution.”. 這就是一個較為簡單的floyd應用. 我們可以先把floyd模板寫下來看看floyd有什麼特殊的性質: void floyd

mysql什麼情況下會觸發深度好文!!!

https://www.cnblogs.com/sessionbest/articles/8689082.html   鎖是計算機協調多個程序或執行緒併發訪問某一資源的機制。在資料庫中,除傳統的計算資源(如CPU、RAM、I/O等)的爭用以外,資料也是一種供許多使用者共享的資源。如

正點原子戰艦開發板---串列埠除錯硬體除錯的一點經驗吧

1、為什麼需要串列埠除錯? 因為自己在設計電路畫板子的時候,很多時候都要用到串列埠,比喻語音模組,藍芽模組等等。 2、硬體原理圖明明是對的,程式也改了,但是用串列埠printf效果就是不出來,應該怎麼辦? (1)在開發板上驗證程式碼,我這裡用的是正點原子戰艦的開發板,我程式中用的是串列埠

wamp3.1.4下載PHP7.2.10,Mysql5.7

1. 想試一下laravel56,PHP要求>=7.1.3,win10本地裝的是php7.0.1。雖然可以擴充套件更新以下PHP版本,有點麻煩,不如更新一下wamp軟體。 2. 到目前為止20181108,網上搜了一下,最新版wamp是3.1.4(官網被牆,但是顯示的還是3.0.6老版

Codeforces Round #202 (Div. 1): D. TurtlesLindström–Gessel–Viennot lemma定理+DP

  題意: 給你一個n*m的地圖,"#"是障礙,"."是路,不能走出邊界,問從(1,1)到(n,m)選出兩條不相交最短路徑的方案數是多少(其中起點和終點相同不算相交)   思路: 知道Lindström–Gessel–Viennot lemma定理就

Hadoop學習記錄四、hadoop實現檔案操作

1.從Hadoop URL讀取資料 類似cat命令 public class URLCat { static{ URL.setURLStreamHandlerFactory(new FsUrlStreamHandlerFactory()); }

ZCU106開發詳解之AXI_Bram重磅推出,進階必備

感謝大家兩週的等待!!本週連發兩篇!!!!  最近團隊事情比較多,在忙ZCU106的視訊處理方面的開發實現了編解碼,RTSP視訊流,影象疊加等應用。如果有朋友想了解更多相關資訊請加QQ群836535064。我們會將相關資料釋出於QQ群中。 歡迎有需求的朋友深度合作。本團隊

ZCU106開發詳解之AXI_HP重磅推出,進階必備

感謝大家的等待!! 如果有朋友想了解更多相關資訊請加QQ群836535064。我們會將相關資料釋出於QQ群中。 歡迎有需求的朋友深度合作。本團隊專注於高速視訊編解碼,高速訊號採集處理方案提供。同樣也請入群加管理員。 ZCU106開發詳解之AXI_Bram(重磅推

Coursera 學習記錄:Tomorrow never knows?實現日期加一的操作

描述 甲殼蟲的《A day in the life》和《Tomorrow never knows》膾炙人口,如果告訴你a day in the life,真的會是tomorrow never knows? 相信學了計概之後這個不會是難題,現在就來實現吧。 讀入一個格式為y

NOLO使用記錄——遇到的問題PC上Unity裡的問題

上次在安裝了助手、steam、ricaft的環境下進行測試,是好的。 然後在另外一臺電腦上測試,出現問題,記錄一下: 只安裝助手後,由於操作失誤,無法獲取資料——用三個頭的線連線頭盔了!!!!(三個頭的是充電的,得用兩個頭的)。 然後開啟助手後,會彈出一個框,提示沒有安裝 stream。

【資料結構】6-1內部排序選擇、插入、快排

dataList類定義: class dataList { private: int number; int *data, *bdata;//data陣列是隨機生成的,排序更改的都是這個陣列,bdata就是用來存放排序前的 void reset();//重置陣列為初始生成的亂序