1. 程式人生 > >【Easyui】解決未對form表單資料進行校驗直接就可以提交的問題

【Easyui】解決未對form表單資料進行校驗直接就可以提交的問題

今天遇到了一個問題,完成登入和註冊功能時,使用easyui的required:true,validType:'length[6,18]'等等各種校驗textbox時,點選登入或者註冊按鈕,未輸入任何值也能提交,然後後臺報錯。後來發現自己使用的按鈕型別為submit,而且easyui並不主動提供校驗form表單所有資料之後再提交的方法,但是有校驗所有資料是否符合要求的方法。

解決這個問題首先要清楚,submit型別的按鈕點選後直接就提交form表單了,但是button型別的按鈕不會。所以解決思路是:可以先把submit改成button,然後給這個按鈕新增一個點選事件,在這個點選事件中判斷所有資料是否都符合自己定義的校驗規則,符合的話將button改為submit,否則不改變,就一直無法提交。具體參考程式碼如下:

<div style="margin:20px 100px 10px 100px">
<input type="button" class="easyui-linkbutton" id="regButton" value="完成註冊" 
style="padding:5px 0px;width:100%;font-size:20px;">
</div>
$("#regButton").click(function(){
 //registered為表單id。所有資料符合校驗要求時,isValid 返回true。
     var isValid = $("#registered").form('validate');
     if(isValid){
          $("#regButton").attr("type","submit");
     }
});




相關推薦

Easyui解決form資料進行直接可以提交的問題

今天遇到了一個問題,完成登入和註冊功能時,使用easyui的required:true,validType:'length[6,18]'等等各種校驗textbox時,點選登入或者註冊按鈕,未輸入任何值也能提交,然後後臺報錯。後來發現自己使用的按鈕型別為submit,而且eas

jQueryjQuery的serializeArray封裝資料為JSON並提交到SpringMVC伺服器

表單 設定表單的id,點選提交按鈕後,將表單id和URL作為引數呼叫sendJSON()函式 <form id="adressForm"> <table> <tr> &l

AntDesign Form欄位的三種方式

1.使用getFieldDecorator的rules規則 最簡單的方法就是使用getFieldDecorator中的rules驗證。rules中定義校驗規則,message為校驗不通過時的提示文字。 {getFieldDecorator('inputContent', {

jquery validate 動態元素新增

形如有如下表單元素: .... <input type="text" ....> <input type="text" ....> <input type="text" ....> <input type="text" ....&g

使用者註冊的form(加

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Trans

element Form自定義(針對區域性輸入控制元件區域性

最近幫朋友看一個vue專案,需要在整個表單的一個輸入控制元件上新增校驗,因為表單是動態建立的,就沒有考慮整個表單繫結rules,而是在<el-form-item>上綁定了rules,具體程式碼如下: template/html部分: <el-form-i

JSR303資料後臺

一、引入相關jar包 <!-- 支援JSR303校驗 --> <!-- https://mvnrepository.com/artifact/org.hibernate/hibernate-validator --> <dependency>

淺談web工程中BeanUtils的封裝MyBeanUtils,populate方法使用 接收前端form資料

宣告本測試使用JDK9,Tomcat9.0.10 ,IDEA2018.2  ; 淺談  BeanUtils 的封裝 , BeanUtils  類中方法  populate  (Object  be

easyui解決easyui閃屏問題

在最近的專案中,後臺讀取的資料,在前臺渲染時需要一定的時間,這段時間內頁面的格式混亂,但是過一會兒就會恢復。從使用者的角度來看就是閃屏現象,點選之後總是要閃一下才能正常顯示。為了增強使用者體驗,我們可以通過給所有頁面增加一個遮罩層,弄出一個loading在轉圈即可。前端程式碼如下:

MVC使用FormCollection獲取Form單數據

create name div creat () cti bsp collect spa public ActionResult Create(FormCollection form) { string nam

使用jsformbase64加密

func query jquer word amp replace javascrip pri urn 利用js可以對前臺數據加密,以防止被惡意獲取,以下代碼,用base64對數據進行加密,可以在後臺進行解密。 引入的js <script type="text/ja

angular5項目積累總結復雜

整數 touch strong menu his pointer bin ring export view code form.css :host { display: flex; width: 100%; height:100%; bo

formpost的研究

========================get方式提交form 預設方式為get,表單元素必須要有name屬性,最後各個表單元素的值(如果是file型別,值為檔名)會拼接成get方式的URL(帶有querystring)。 如果action屬性的URL原來帶有querystring,

使用jstl el表示式form的功能進行區分 比如新建和修改共用一個form

新建一個專欄,修改這個專欄資訊 完全可以做在一個jsp的一個form中 但是,需要注意的是,使用mvc的物件屬性自動封裝的話 如果id為空,將會報錯,無法進入controller中的 所以要在頁面上判斷,id是不是大於0,大於0表示已經傳來了一個model這時候把id設為隱藏域 並且執行修改操作

使用jstl el表達式form的功能進行區分 比如新建和修改共用一個form

存在 oos 功能 記錄 信息 mage 分享圖片 bsp color 新建一個專欄,修改這個專欄信息 完全可以做在一個jsp的一個form中 但是,需要註意的是,使用mvc的對象屬性自動封裝的話 如果id為空,將會報錯,無法進入controller中的 所以要在頁面上判斷

PHPcodeigniter框架中的輔助函式

這裡以登入介面為例,演示codeigniter框架的表單輔助函式。 首先需要解決的一個問題是,如何將view中使用者填寫的資料提交給控制器。我在這裡使用了表單輔助函式 $this->load-&

matlab之元素出現的次數進行統計

可以使用hist函式: A = [1 3 5 3 1 5 3 1 1 3 5]; count = hist(A,unique(A)) 1 2 count的結果與unique(A)對應。 對於unique

解決form資料提交不到servlet中去的問題

servlet用的baseservlet繼承,反射獲取url地址中的method的地址 @WebServlet("/orders") public class OrderServlet extends BaseServlet{ // 3.增加配送通知單

AjaxForm圖片的區域性上傳

首先引入jquery.form.js 1.建立一個form表單(("~/Content/productPic/")是儲存圖片的路徑) @using(Html.BeginForm("UploadIco

easyUI dialog 快取問題引起form提交檔案的錯亂

 最近在做專案的時候遇到一個看似簡單 但是又很頭疼的問題,功能是這樣的:使用easyUI的dialog彈出的一個form的提交檔案的上傳功能,簡單吧?就這麼簡單一個問題花了我一天的時間,當然腦子比較不靈光哈,廢話少說進入正題,遇到的問題是這樣的:在上傳檔案的時候初次操作'不