[JAVAWEB]4.用jQuery完成資料驗證和表單提交

阿新 • • 發佈：2019-02-05

4.複習筆記(這個就是課後習題以及課程所呈現的需求)

這節課就是上節課的重複,就是程式碼改成jquery了.

5.自測程式碼

2.課堂筆記

(1)使用者名稱驗證(不能包含空格)
<script type="text/javascript">
    $(function()
    {
        $("form[name='f1']").submit(function()
        {
            if($.trim($(":text[name='uname']").val()).length==0)
            {
                $(":text[name='uname']" 
).select();
                $(":text[name='uname']").focus();
                $("#info").html("使用者名稱不能為空");
                return false;
            }
        });//當點選type=submit的按鈕的時候會觸發此事件

    });
</script>
錯誤
-jquery存放的位置不對,這個要放在<head>裡面
-$()獲取名字的方法不對$(":text[name='uname']"),而不是$(":text[name]='uname'")
-這兩個錯誤至少耽誤我30分鐘時間
(2)密碼驗證



var pwd=$(":password[name='pwd']");
            var pwd1=$(":password[name='pwd1']");
            if(pwd!=pwd1)
            {
                $("#info").html("兩次密碼不一致");
            }
(2)驗證密碼是否為空和一致
<script 
 type="text/javascript">
    $(function()
    {
        $("form[name='f1']").submit(function()
        {
            //使用者名稱驗證
            if($.trim($(":text[name='uname']").val()).length==0)
            {
                $(":text[name='uname']").select();
                $(":text[name='uname']").focus();
                $("#info" 
).html("使用者名稱不能為空");
                return false;
            }

            //密碼驗證
            if($.trim($(":password[name='pwd']").val()).length==0)
            {
                $(":password[name='pwd']").select();
                $(":password[name='pwd']").focus();
                $("#info").html("密碼不能為空");
                return false;
            }
            var pwd=$(":password[name='pwd']").val();
            var pwd1=$(":password[name='pwd1']").val();
            if(pwd!=pwd1)
            {
                $("#info").html("兩次密碼不一致");
                return false;
            }


        });//當點選type=submit的按鈕的時候會觸發此事件

    });
</script>
(3)還是一樣,驗證愛好是否被選中
<script type="text/javascript">
    $(function()
    {
        $("form[name='f1']").submit(function()
        {
            //使用者名稱驗證
            if($.trim($(":text[name='uname']").val()).length==0)
            {
                $(":text[name='uname']").select();
                $(":text[name='uname']").focus();
                $("#info").html("使用者名稱不能為空");
                return false;
            }

            //密碼驗證
            if($.trim($(":password[name='pwd']").val()).length==0)
            {
                $(":password[name='pwd']").select();
                $(":password[name='pwd']").focus();
                $("#info").html("密碼不能為空");
                return false;
            }
            var pwd=$(":password[name='pwd']").val();
            var pwd1=$(":password[name='pwd1']").val();
            if(pwd!=pwd1)
            {
                $("#info").html("兩次密碼不一致");
                return false;
            }
            //驗證愛好是否被選中
            var times=0;
            $(":checkbox[name='hobby']").each(function(i, e) 
            {
                //if(e.checked)
                if($(this).is(":checked"))
                {
                    times++;
                }
            });

            if(times==0)
            {
                $("#info").html("請至少選擇一個愛好!");
                return false;
            }
            return true;



        });//當點選type=submit的按鈕的時候會觸發此事件

    });
</script>
(4)修改submit為button
①首先修改submit為button
②在function中繫結button的事件
③修改樣式表中input[type="submit"]為input[type="button"]

3.課程效果圖

1.程式碼

[JAVAWEB]4.用jQuery完成資料驗證和表單提交

4.複習筆記(這個就是課後習題以及課程所呈現的需求) 這節課就是上節課的重複,就是程式碼改成jquery了. 5.自測程式碼 2.課堂筆記 (1)使用者名稱驗證(不能包含空格) <sc

jquery.form.js（ajax表單提交）

jquer 我們使用執行 sub 某個字段 httpd 區別 load Form插件地址：官方網站：http://malsup.com/jQuery/form/ 翻譯地址：http://www.aqee.net/docs/jquery.form.plugin/jque

結合API Gateway和Lambda實現登入時的重定向和表單提交請求（Python3實現）

1. 建立Lambda函式，程式碼如下： 1 from urllib import parse 2 3 def lambda_handler(event, context): 4 body = event['body'] 5 print("-----------body:"

Jquery UI Dialog 之 Form 表單提交

我專注的是Dialog的Form表單提交的問題。不知道大家使用Dialog的方式是什麼，我就說說我用的方式吧。 <divid="dialog"> <formid="dialogForm"method="post"action="

總結之Web兩種使用者登入方式及JS資訊驗證操作——表單提交、ajax提交

登入大體有兩種方法一個是表單提交另一個就是ajax提交 1.表單提交表單提交如果前端JS沒有驗證十分簡單，不詳述。 JS驗證使用者名稱、密碼是否為空其中非submit和button按鈕 submit有一些注意事項 form中要onsubmit=“ret

jquery外掛EasyUI中form表單提交例項分享

之前用AJax給Controller傳遞引數，然後再呼叫服務端的方法對資料庫進行更改，今天碰到一個新的方法，就是表單的提交，這樣可以省去AJax傳參。當表單提交後，我們可以獲取表單上控制元件中的值，然後再呼叫服務端的方法對資料庫進行更改。下面的一張截圖是具體的業務需求

2017-6-4 用jQuery 做大圖輪播

length move val orm fun margin window blog cli <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_De

python：用Redis完成發布和訂閱數據

sage host cal ins ESS div 安裝 def lis 安裝： pip install redis 　　發布文件： # coding:utf-8 import redis import json class RedisHelper():

python實現周志華西瓜書《機器學習》習題3.4 對比10折交叉驗證和留一法的對率迴歸錯誤率

這道題仍然在抄大神程式碼的基礎上寫註釋，首先感謝原始碼： https://blog.csdn.net/Snoopy_Yuan/article/details/64131129 感想是：sklearn是個好東西，如果沒有現成的驗證方法，光是10折驗證就要造10個表格才行，而用現成的庫，一

django_forms元件__作業之用ajax傳送資料驗證註冊

forms元件 -forms是什麼? 就是一個類,可以校驗欄位(前臺傳過來的欄位) -怎麼用: -校驗欄位功能: -先寫一個類,繼承Form from django.shortcuts

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

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

學習大資料有什麼用？大資料當前和未來的優勢是什麼？

大資料分析如今已不能再稱之為新技術。大多數移動應用程式開發人員已經明白，他們需要挖掘他們的資料來積極獲取日常的見解。許多大型應用程式開發企業已經意識到，要在市場上不斷地發展和更新，必須採用大資料技術。亞馬遜，微軟，甲骨文等大型跨國公司已經採用了大資料解決方案來拓展業務，希望為消費者提供最好的服務。

用自己的資料訓練和測試“caffenet”

本次實驗本來參考examples/imagenet下的readme.txt進行，但因為資料集過於龐大，所以模擬學習，參考薛開宇的學習方式，模仿搭建自己的資料庫。首先在caffe/data下新建資料夾myself，然後在網上下載貓、鳥、狗的訓練圖片各50張，測

（薛開宇學習筆記（三））用自己的資料訓練和測試“CaffeNet”

1.資料準備原文是用ImageNet1000類的資料庫，本文是自己模仿一個小的資料庫進行下去的，在caffe下新建一個myself資料夾，並在網上下載了訓練貓的圖片60張，測試貓10張，訓練狗的圖片60張，測試狗10張，如圖：為了方便，對下載的圖片名進行修改，修改

jQuery使用serialize(),serializeArray()方法取得表單資料+字串和物件型別兩種表單提交的方法

原始form表單值獲取方式(手動)：$.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技

[JavaWeb]表單提交的驗證(onSubmit和function的應用)

在提交表單的時候，可能有些使用者的不規範操作導致表單資料有的漏填。所以要先判斷表單的資料是否為空。 <script type="text/javascript"> function c

JQuery&TP5-Ajax怎麼傳表單資料到thinkphp5完成資料入庫？

JQuery&TP5-Ajax傳表單資料到thinkphp5完成資料入庫例項大家好，我是Yangrl; 今天小長假第一天，下午吃雞，大吉大利！意識和槍法的完美結合催生出的怪物——ID:Yangrl. （在朋友面前隨隨便便秀了個滅隊，很舒服。）

input ,button, textarea 1)使用disabled , 2) 顯示值, 3) 表單提交. 4) jquery.form.js ajaxSubmit() 無刷新ajax提交表單.

成功 isa post key input 技術分享 and () 去除 1.使用disabled input , button textarea 可以被禁用, 禁用的效果 : 1) 上面的點擊事件無法使用 --- button : 下面的 oncli

jQuery使用serialize(),serializeArray()方法取得表單數據+字符串和對象類型兩種表單提交的方法

var fun .ajax clas copy art 表單提交 post 姓名轉載自： http://blog.csdn.net/zqtsx/article/details/28655717 原始form表單值獲取方式(手動)： [javascript] v

JavaWeb：Controller中獲取Form表單提交的資料的方式

Controller中獲取Form表單提交的資料的方式新增HttpServletRequst型別入參，通過HttpServletRequst.getParameter()獲取請求資料 @RequestMapping(value="/user/save", meth

[JAVAWEB]4.用jQuery完成資料驗證和表單提交

4.複習筆記(這個就是課後習題以及課程所呈現的需求)

5.自測程式碼

2.課堂筆記

3.課程效果圖

1.程式碼

相關推薦