2. 程式人生 > >springmvc+jquery+ajax實現非同步使用者名稱驗證

springmvc+jquery+ajax實現非同步使用者名稱驗證

阿新 • • 發佈：2019-01-22
$(function() { var flag1 = false; var flag2 = false; $("#inputName") .blur( function() { var inputName = $("#inputName").val(); if ($.trim(inputName) == '' || $.trim(inputName).length < 5
|| $.trim(inputName).length > 15) { $("#userspan") .html( "<font color='red'>使用者名稱不能為空，且使用者名稱長度為5-15</font>"); flag1 = false
; } else { var inputPassword = $("#inputPassword").val(); var url = "${pageContext.request.contextPath}/validateUser"; var args = { "name" : $.trim(inputName), "password"
: $.trim(inputPassword) }; $ .post( url, args, function(data) { if ($.trim(data) == "error") { $("#userspan") .html( "<font color='red'>此使用者名稱已存在</font>"); flag1 = false; } else if ($.trim(data) == "success") { $("#userspan").html( "使用者名稱可用").css({ color : 'green' }); flag1 = true; } }) } }); $("#inputPassword").blur( function() { var inputPassword = $("#inputPassword").val(); if ($.trim(inputPassword) == "") { $("#pswspan").html("<font color='red'>密碼不能為空</font>"); flag2 = false; } else if ($.trim(inputPassword).length > 15 || $.trim(inputPassword).length < 5) { $("#pswspan").html("密碼長度必須為5-15").css({ color : "red" }); flag2 = false; } else { $("#pswspan").html("密碼可用").css({ color : "green" }); flag2 = true; } }) $("#formButton").click(function() { if (flag1 && flag2) { $("#form").submit(); } return false; }) });

相關推薦

springmvc+jquery+ajax實現非同步使用者名稱驗證

$(function() { var flag1 = false; var flag2 = false; $("#inputName") .blur( function()

jQuery+ajax實現EMAIL郵件地址驗證已經數據提交

htm jquer url mail doc () dex href type jQuery+ajax實現EMAIL郵件地址驗證已經數據提交 <script> $(document).ready(function () {

jquery ajax 實現表單提交和驗證表單

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <title>$.ajax()方法傳送請

JQuery ajax實現註冊時非同步實時檢測使用者名稱是否重名並進行提示

  版權宣告：本文為博主原創文章，未經博主允許不得轉載。https://blog.csdn.net/qq_40348465/article/details/83217840   此處主要是在JAVAWeb專案中利用JQuery AJAX中的$.get()方法以及input標籤

jQuery+ajax實現修改密碼驗證

修改密碼是比較簡單的功能，要求如下： 1、原密碼必須輸入正確，才可以修改密碼 2、新密碼需在6-18位之間 3、第二次輸入的新密碼必須與第一次相同。 4、前三個條件同時滿足的時，修改密碼才能成功，否則顯示錯誤提示資訊。 5、錯誤提示資訊和驗證資訊全部使用ajax提交、響應

使用JQuery編寫AJax實現非同步請求

上一篇已經介紹了關於Ajax的作用和使用場景，並且介紹了使用JS進行編寫的AJax，下面就直接介紹使用JQuery版本得Ajax非同步重新整理。 $. post()以post請求方式傳送 ajax 格式：JQuery.post ( url , [data] , [callb

利用jquery的ajax實現非同步請求傳送資料到後臺

很多時候，作為一個使用者在前臺操作的時候，處理資料的時候並不一定要後臺實時處理然後再返回訊息，這樣，我們可以實用jquery的$.ajax方法實現非同步請求，在頁面不重新整理的情況下，將資料傳到後臺，

用jQuery,ajax,實現三級聯動封裝JS的文件

ava [0 success ucc log jquer div 三級 cti // JavaScript Document $(document).ready(function(e) { //找到ID=SANJI的DIV，造三個下拉扔進去 var str =

使用SpringMVC攔截器實現簡單的登陸驗證功能（面向小白）

接著上一篇文章《使用Idea建立一個JavaWeb的SSM(maven)專案實現登陸功能》 在上一篇文章裡已經實現了頁面登陸的功能，但是不夠完善，在沒有攔截器的情況下我可以不登陸一樣可以訪問index.jsp頁面 如圖 在這種情況下專案是有風險的，別人可以在不登陸的情況下隨意訪問你的

jquery+ajax實現二級聯動

實現效果圖： 前臺頁面： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery+ajax實現二級聯動</title>

jquery+ajax實現使用者登入案例

jQuery.get(url, [data], [callback], [type]);     url : 待載入頁面的URL地址     data : 待發送 Key/value 引數。 &n

ajax實現非同步上傳檔案

 html+js程式碼 <form action="" enctype="multipart/form-data" id="upForm"> {{csrf_field()}} <input type="text" name="name" value="

PHP+jquery ajax 實現實時的輸出顯示

一、html程式碼。利用$.ajax的xhr屬性，以及js中對於XMLHttpRequest的onreadystatechange事件，實時的從後端獲取並處理。 參考連結：ajax如何實現、readyState五中狀態的含義 <!DOCTYPE html> <html>

JQuery Ajax實現Select多級關聯動態繫結資料

    關於JQuery選擇外掛的使用在這裡有些心得和大家分享一下，希望能幫到大家。     jQuery選擇外掛分為基本版和美化版，重點說下美化版，如下圖所示：     相比最原始的版本，美化後的選擇外掛可以說是很漂亮了且功

JQuery Ajax實現圖片上傳並預覽

本文通過使用 JQuery 、AjaxUpload非同步頭像上傳並實現實時預覽** 效果預覽如下 如果上傳圖片後，專案圖片資料夾不能顯示上傳圖片，頁面也不能展示圖片，手動重新整理後就能看到，解決方法： 需要自己設定Myeclipse : Window---->Prefe

ajax實現非同步上傳圖片

圖片上傳並回顯是一個最基本的功能，本文只簡單實現了一個demo,並沒有進行復雜的判斷，簡單記錄下操作流程：js中用到了Formdata：FormData物件用以將資料編譯成鍵值對，以便用XMLHttpRequest來發送資料。其主要用於傳送表單資料，但亦可用於傳送帶鍵資料(keyed data)。如果表單en

用Ajax實現非同步校驗使用者名稱是否存在

一、案例分析 1.<input name="username">失去焦點時，使用$.post()將使用者名稱以ajax的方式傳送給伺服器 2.伺服器獲取使用者名稱後，並通過使用者名稱查詢使用者，如果使用者存在，返回不可用提示；如果使用者名稱可用，返回可用提

Jquery Ajax實現CORE跨域請求

在我們使用ajax請求，如果是跨域的話會報以下瀏覽器錯，你應該對下面出現在瀏覽器控制檯裡的錯誤很熟悉。如果你沒見過，那隻能說明你還年輕 Failed to load https://example.com/: No ‘Access-Control-Allow-O

SSM中Ajax實現非同步重新整理,前端頁面綁值。

//獲取表單的值,並進行序列化，將序列化的值傳入controller。 var cc=$("#add_menber_style").serialize(); $.ajax({ type :"PO

利用JQuery+Ajax實現aspx頁面無重新整理的動態資料繫結

                好長的名字啊！自己看得都覺得累了……廢話到此為止，開始正文：  我們在寫asp.net網頁的時候，會用到很多需要資料繫結的控制元件。Asp.net提供了資料繫結這一特性，確實方便了很多。但是這樣的繫結都是在伺服器端完成的，而我們有時會希望根據使用者的選擇來動態的更新其它一些控制