onsubmit阻止表單提交的一種方式
最近做移動開發,一下從後臺轉移到前端了,之前寫了一年的java程式碼,現在天天搞jQ css html ,肯定有點不習慣,不過現在已經適應了,寫頁面還是挺好玩的。
言歸正傳,今天遇到的就是怎麼阻止表單提交,比如當提交的某一條件不能得到滿足的時候,就不能進行提交操作,看紅色字型進行分析,根據條件我們得到的結果只有兩種:1.可以提交 2.不可以提交(貌似廢話)。 作為一名開發來說,你首先會想到boolean.如果返回true:執行提交操作;返回false:阻止提交。 問題分析好了。
解決方法:
在你的表單中:
<form name="myform" method="" action=" #" onsubmit="return submit()">
</form>
js程式碼中:
function submit()
{
根據自己的業務去進行判斷,返回true or false
}
OK ! 已搞定!
相關推薦
onsubmit阻止表單提交的一種方式
最近做移動開發,一下從後臺轉移到前端了,之前寫了一年的java程式碼,現在天天搞jQ css html ,肯定有點不習慣,不過現在已經適應了,寫頁面還是挺好玩的。 言歸正傳,今天遇到的就是怎麼阻止表
jsp的form表單提交幾種方式
1.form表單submit直接提交資料 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/j
easyui form 表單提交兩種方式
easyui form表單提交資料的兩種方式 第一種 $('#admin_yhgl_addUserForm').form('submit', { url : 'userAction!add.action', data : { name : $('#admi
form表單提交三種方式,demo例項詳解
第一種:使用type=submit 可以直接提交<html> <head> <title>submit直接提交</title> </head> <body> <!-- 表單的提交方
提交表單的4種方式
demo1 doc type function pat 相對 dem location cti 1,超鏈接 <!-- 鏈接到page2 --> <a href="page2.jsp">鏈接到page2</a><br> <
js阻止表單提交的兩種方法
js阻止表單提交的兩種方法<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" na
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("使用者名稱不能為空");
JavaScript—非同步提交表單的6種方式
在學習非同步提交表單之前,先來學習幾個JQuery方法和屬性。 1、serialize():序列表格內容為字串。如下: queryBean.orderBy=OPERATE_TIME&queryBean.orderSequnce=DESC&queryB
JS實現表單內容驗證、阻止表單提交(onsubmit)
onsubmit屬性只在 <form> 表單中使用。 onsubmit事件是當表單提交時進行相關JS操作的一個事件。 onsubmit事件會在表單中的確認按鈕被點選時發生。當該事件觸發的
JavaScript 非同步提交表單的6種方式
零、在學習非同步提交表單之前,先來學習幾個JQuery方法和屬性 1、serialize():序列表格內容為字串。如下: queryBean.orderBy=OPERATE_TIME&queryBean.orderSequnce=DESC&am
form的onsubmit事件--表單提交前的驗證實現方式
onsubmit:表單提交前自動執行指定的東西; 注意: onsubmit=“return check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是說,onsubmit=“return false”為不執行提交;onsubmi
使用AJAX非同步提交表單的幾種方式
這裡介紹三種常用的提交方式 方式一 手工收集所有的使用者輸入,封裝為大的“k1=v1&k2=v2…”鍵值對形式,使用$.post(url, data,fn)把資料提交給伺服器 $.aj
Js 阻止表單提交方法
js 阻止表單提交方法<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name
form表單提交轉為ajax方式提交
clas modal 通過 fault IT pre submit sub 方式 <form action="xxx" method="get"> //action的值是請求的url地址 <div class="form-group">
阻止表單提交刷新頁面的問題
ID map utf-8 doc pad default eve lse bsp <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1">&l
ajax上傳表單的倆種方式
1.用h5物件上傳表單(圖片) var formData = new FormData(); formData.append("authenticity_token", '1212121212'); formData.append("file[context]", "zxcvx
jquery、js阻止表單提交的不同方法
做web開發的,寫表單提交的程式碼那是家常便飯。既然是要提交表單,那肯定就會進行表單驗證。表單驗證的問題一直都是一件頭疼的事情,爭議也比較大。有些程式設計師會把驗證放在伺服器端,讓伺服器來進行驗證,試想,這樣把資料傳來傳去,效率有多低啊!!如果表單裡的資料量過大,則會嚴重佔用伺服器頻寬。
layui中form表單提交資料的方式。
<form class="layui-form"> <div class="layui-form-item"> <input type="text" id="subTitle" name="subTitle" lay-verify="req
阻止表單提交按鈕多次提交
碰巧看到《超實用jQuery程式碼段》關於單個頁面重複提交按鈕,粘張圖吧 說明: 給提交按鈕繫結單擊事件,該事件函式內通過attr()函式 先禁用該提交按鈕的單擊功能,因為此時使用者已經提交過一次了,禁用為防止反覆操作提交功能。 然後使用ajax()函式