1. 程式人生 > >表單提交驗證onsubmit=" return checkForm()"無效,(驗證使用者名稱和密碼是否為空)

表單提交驗證onsubmit=" return checkForm()"無效,(驗證使用者名稱和密碼是否為空)

今天我做了一個jsp&servlet的小專案用於登入,在jsp介面,我用form中的onsubmit屬性進行提交驗證,其中使用jquery獲取頁面中的值,但是不行,沒有驗證到:經過我的不斷除錯,這種情況可以分為以下幾種:

1.onsubmit的格式寫錯:正確格式-->  <form action="login" method="post" onsubmit="return checkForm()"></form>

2.格式正確,但是checkForm()裡面的驗證資訊沒有訪問到,問題:retrrn 後面的function名字是不是寫錯了

3.格式,名稱都寫正確了,看是不是jquery是不是匯入錯誤,正確的匯入方法:

<script src="${pageContext.request.contextPath}/js/jquery-2.1.0.js" type="text/javascript"></script> 

${pageContext.request.contextPath}表示後面匯入jquery的路徑是絕對路徑,固定寫法,不要變,如果不想用絕對路徑,可以採用以下方法:<script  type="text/javascript"  src="../js/jquery-2.1.0.js"></script> 

有一個非常坑的地方,我就是在這裡摔了,是<script  src="?">,而不是<script  href="?">,href是與link連用,如<link href>;

這個地方請大家仔細檢查;

4.最後一點,也是最難發現的一點,看是不是匯入的jquery版本太低,導致有的功能不支援;

5.最後,奉上兩種方式的驗證使用者名稱和密碼是否為空的情況:

       a.使用簡單javascript的方法:

b.使用jquery方式:

相關推薦

提交驗證onsubmit=" return checkForm()"無效驗證使用者名稱密碼是否

今天我做了一個jsp&servlet的小專案用於登入,在jsp介面,我用form中的onsubmit屬性進行提交驗證,其中使用jquery獲取頁面中的值,但是不行,沒有驗證到:經過我的不斷除錯,這種情況可以分為以下幾種: 1.onsubmit的格式寫錯:正確格式--

提交的兩種方式submitonsubmit當滿足條件之後才提交

在form標籤設定onsubmit屬性,當return true之後才提交: <%@ page language="java" contentType="text/html; charset=U

form提交時用JavaScript跳轉action怎麼帶引數

<script type="text/javascript"> function selflog_show() { var num = document.getElementById("number").value;

Html提交到Servlet輸出到頁面亂碼 Html使用的編碼是UTF-8編碼顯示頁面之後使用form提交欄位到Servlet中Servlet將利用getParamer方法獲得fo

Html使用的編碼是UTF-8編碼顯示頁面,之後使用form表單提交欄位到Servlet中,Servlet將利用getParamer方法獲得form提交的欄位,之後通過Respone中的writer將獲取到的前臺欄位反饋到前臺中去,出現中午亂碼錯誤,這是因為添加了這個欄位。 response.setCon

提交前onclick使用reuturn時ajax請求同步非同步的一點注意事項

因為會經常用到ajax提交請求判斷一些資訊,比如,使用者賬號名是否存在等等,但如果是在提交表單資料按鈕的onclick時,用return check()來跳轉去最後驗證一下表單資料是否為空等等。需要注意一些問題。 當進行ajax請求時,如果success回撥得

ajax提交form提交onsubmit="return checksubmit()"提交驗證

Ajax提交的兩種方式: 一是url引數提交資料, 二是form提交(和平常一樣在後臺可以獲取到Form表單的值)。在所要提交的表單中,如果元素很多的話建議用第二種方式進行提交 一.Url引數提交資料 <script type="text/javascript"&g

S實現內容驗證、阻止提交onsubmit

onsubmit屬性只在 <form> 表單中使用。  onsubmit事件是當表單提交時進行相關JS操作的一個事件。  onsubmit事件會在表單中的確認按鈕被點選時發生。當該事件觸發的函式中返回false時,表單就不會被提交。 <!DOCTYPE h

form的onsubmit事件--提交前的驗證最佳實現方式

function check(){    var name = document.getElementById("name").value;    if(name ==  null || name == ''){         alert("使用者名稱不能為空");   

JS實現內容驗證、阻止提交onsubmit

onsubmit屬性只在 <form> 表單中使用。 onsubmit事件是當表單提交時進行相關JS操作的一個事件。 onsubmit事件會在表單中的確認按鈕被點選時發生。當該事件觸發的

form的onsubmit事件--提交前的驗證實現方式

onsubmit:表單提交前自動執行指定的東西; 注意: onsubmit=“return check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是說,onsubmit=“return false”為不執行提交;onsubmi

[JavaWeb]提交驗證(onSubmitfunction的應用)

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

提交錯誤 :onsubmit=return false阻止form提交

 return false 阻止表單提交不了 基本上關於onsubmit=return false有以下幾點要注意的地方: 1. return 的返回值問題,函式中return一旦有返回值,就不在執行下面的語句,直接跳到函式呼叫的地方。如下PHP函式程式碼,第一個if

JS中對於form提交驗證form的onsubmit函式與submit型別按鈕的onclick函式

onsubmit只能表單上使用,提交表單前會觸發, onclick是按鈕等控制元件使用, 用來觸發點選事件。 在提交表單前,一般都會進行資料驗證,可以選擇在submit按鈕上的onclick中驗證,也可以在onsubmit中驗證。 但是onclick比ons

提交前的confirm驗證提示

value 功能 cti submit ons onsubmit 一個 今天 btn 今天要做一個修改提交前的提示,點擊修改按鈕進行提示,然後根據confirm的結果來決定是否提交;發現平時很常見的一個功能,自己不會。所以只能去晚上找資料了; 舉例如下: <form

angularjs中form提交驗證

ng-model pre roots 只需要 dialog onf 如果 date val angular.module("MyApp",["ngMessages"]); <form name="formMyName" ng-submit="$ctrl.chan

jsp提交前端驗證

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <m

UI標籤庫專題三 JEECG智慧開發平臺 FormValidation 提交驗證標籤

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

struts2 vallidate驗證提交修改樣式——刪除li標籤原點、取消換行、改變字型顏色

老師佈置實現的一個小效果,不容小覷! 預定成功顯示頁面  預定報錯顯示頁面  從圖片可以看出需要實現報錯提示換行以及字型顏色更改的需求。 網上有很多方法,這裡介紹兩種親測可用的吧: 修改struts2-core-x.x.x.jar

form提交驗證bootstrapValidator

初始化表單 $('#addForm').bootstrapValidator({ message: 'This value is not valid', // excluded: [":disabled"], feedbackIcons: { valid: 'glyphico

jquery ajax 實現提交驗證

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