form 表單提交前驗證
可以使用form表單的onsubmit方法,在提交表單之前,對錶單或者網頁中的資料進行檢驗。
onsubmit指定的方法返回true,則提交資料;返回false不提交資料。
直接看下面的程式碼:
1 <HTML> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 </head> 5 <BODY> 6 <form action="http://www.baidu.com" onsubmit="return toVaild()"> 7 <input type="text" id="ff"> 8 <input type="submit" id="submit" value ="提交"/> 9 </form> 10 </BODY> 11 <script language="javascript"> 12 functiontoVaild(){ 13 var val = document.getElementById("ff").value; 14 alert(val); 15 if(val == "可以提交"){ 16 alert("校驗成功,之後進行提交"); 17 return true; 18 } 19 else{ 20 alert("校驗失敗,不進行提交"); 21 return false; 22 } 23 } 24 </script> 25 </HTML>
上面的網頁中,只有在id="ff"的輸入框中輸入“可以提交”,才進行表單提交;否則不提交。
<form id="form">
<input name="user" message="賬號" value=""/>
<input name="name" value=""/>
<input type="button" onClick="checkStart()" value="save" />
</form>
<script>
function checkStart(){
check(form);
}
function check(form) {
for (i=0;i<form.length;i++){
var ele = form.elements[i];
var msg = ele.getAttribute('message');
if(msg && ele.value == ""){
alert(msg + "不能為空!");
form.elements[i].focus();
return false;
}
}
form.submit();
}
思路: 在需要驗證的input 或者select 新增一個message的屬性
驗證的時候 檢查有屬性就判斷是否為空 提示用message的漢字 一般的name也是字母 提示別人看不懂
相關推薦
html form表單提交前驗證
可以使用form表單的onsubmit方法,在提交表單之前,對錶單或者網頁中的資料進行檢驗。 onsubmit指定的方法返回true,則提交資料;返回false不提交資料。 <HTML> <head> <meta htt
form 表單提交前驗證
原文出處:http://www.cnblogs.com/xudong-bupt/p/3949631.html 可以使用form表單的onsubmit方法,在提交表單之前,對錶單或者網頁中的資料進行檢驗。 onsubmit指定的方法返回true,則提交資料;返回false不
form表單提交前驗證
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("請輸入使用者帳號!");
JS中對於form表單提交時驗證form的onsubmit函式與submit型別按鈕的onclick函式
onsubmit只能表單上使用,提交表單前會觸發, onclick是按鈕等控制元件使用, 用來觸發點選事件。 在提交表單前,一般都會進行資料驗證,可以選擇在submit按鈕上的onclick中驗證,也可以在onsubmit中驗證。 但是onclick比ons
form的onsubmit事件--表單提交前的驗證最佳實現方式
function check(){ var name = document.getElementById("name").value; if(name == null || name == ''){ alert("使用者名稱不能為空");
form的onsubmit事件--表單提交前的驗證實現方式
onsubmit:表單提交前自動執行指定的東西; 注意: onsubmit=“return check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是說,onsubmit=“return false”為不執行提交;onsubmi
表單提交前的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
form表單提交驗證bootstrapValidator
初始化表單 $('#addForm').bootstrapValidator({ message: 'This value is not valid', // excluded: [":disabled"], feedbackIcons: { valid: 'glyphico
easyUI入門《二十九、form案例:表單提交以及驗證重置清空》
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!--引入
Jq form表單提交驗證與響應簡單示例
<!DOCTYPE html> <html> <head> <title>表單提交驗證與響應</title> </head> <body> <form method=
form表單提交,前端驗證
Form表單提交,js驗證 1, Onclick() 2, Onsubmit() Button標籤 input (屬性 submit button )標籤 Input type=button 定義按鈕,沒有任何行為。多數情況下,用於通過javascript
ajax提交,form表單提交,onsubmit="return checksubmit()"提交驗證
Ajax提交的兩種方式: 一是url引數提交資料, 二是form提交(和平常一樣在後臺可以獲取到Form表單的值)。在所要提交的表單中,如果元素很多的話建議用第二種方式進行提交 一.Url引數提交資料 <script type="text/javascript"&g
js 在表單提交前進行操作
eth efault submit ret 方法 cli 寫法 col method 最近在寫頁面的時候,需要手動寫一些在表單進行提交前的驗證操作,正好看到了2種阻止表單提交的方法,可以進行一些邏輯處理 方法一:使用return false 原生js寫法: <for
表單提交前,判斷webuploader是否上傳
time inpu urn success pre load click nbsp ces function busUpLoadImg(postUrl,id) { .......//省略部分不用修改 uploader.on(‘uploadSuccess‘, f
AJAX PHP無刷新form表單提交的簡單實現(推薦)
username mime win root 支持 對象 希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <
form表單提交的兩種方式
btn border 前端 () input onclick sub 輸入 判斷 1.當輸入用戶名和密碼為空的時候,需要判斷。這時候就用到了校驗用戶名和密碼,這個需要在jsp的前端頁面寫;有兩種方法,一種是用submit提交。一種是用button提交。方法一:在jsp的前端
HTTP form表單提交數據(enctype="multipart/form-data" method="post")的服務端處理
keyword -s detail put form表單 表單提交 class eth ron 參考鏈接:http://blog.csdn.net/u010018421/article/details/52833346 <form action="fileUpload
jqPaginator分頁(ajax用法和form表單提交用法)
用法 () var meta lang 點擊 parse name back 一般使用方法 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">
js的form表單提交url傳參數(包含+等特殊字符)的解決方法
字符 www. mit function form表單提交 sub win tno wiki 方法一:(偽裝form表單提交) linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.cr