1. 程式人生 > >js校驗表單資料

js校驗表單資料

//新增驗證規則

jQuery.validator.addMethod("chcharacter",function (value, element) {
var tel = /^[\
-\]+$/i;
return this.optional(element) || (tel.test(value));
}, "
只能填寫中文字元");

//校驗表單資料

$("#register_form").validate({
errorPlacement: function(error, element){
var error_td = element.parent('dd');
error_td.find('label').hide();
error_td.append(error);
},
rules : {
parentMemberNum:{
required : true,
},
},
messages : {
parentMemberNum : {
required : '關聯號不能為空',

},
}
});
//表單提交
$("#submitBtn").click(function(){
if ($("#form").valid()) {
//ajax提交表單資料,如果校驗通過$.ajax({
        url: '${base}/authen/member/unionpay/submitCaptcha',
        type: "post",
        data: 
$('#unionpayForm').serialize(),         dataType: "json",         success: function (data) {             console.log(data);             if (data.url == undefined) {                 alert(data.message);             } else {                 location.href = '${base}' + data.url;             }         }     })    
return false; }

//自定義校驗規則

相關推薦

js資料

//新增驗證規則 jQuery.validator.addMethod("chcharacter",function (value, element) { var tel = /^[\一-\龥]+$/

JS(包括電話,郵編,手機號等等)

function isMail(obj,str,allowNull) { var pattern = /^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if(!isNo

使用者註冊介面js+提示

// 使用者名稱 function YHMonblus(){ var username=document.getElementById("username"); // var reN =/^\d{6,18}$/; var re = /^[a-zA-

iview動態,獲取值為undefined

場景:實際程式碼如下:https://run.iviewui.com/XPofr3YS 原因:在動態校驗名稱時,沒法獲取值,請教了大神後,發現原來是自己demo沒理清楚 這裡的prop="name"應該是動態的,從新梳理demo 解決:程式碼應

20181006:為什麼要使用form而不是直接用html模板?是怎樣處理的?

使用者登入流程:在forms.py中自己定義定義loginform類(其中包含登陸的表單,比如賬號、密碼、提交按鈕等)→ views.py中路由控制跳轉到登陸頁面模板(在其中傳入form),使用者輸入了賬號、密碼後點擊“提交”按鈕後,前端、後端校驗完成後,跳轉到

jQuery Validate 實現儲存時不,提交時才

                //儲存按鈕事件 function saveAction() {var form = $("#inputForm").find('.required');$.each(form, function(idx, item) {$(this).addClass('ignore');}

js 簡單實現資料的增添,單項刪改,多項刪除,修改以及全選功能

// 新增商品函式 function add(){ // 獲取表單元素 var table = document.getElementById("order"); // 以表單的行數為索引插入行

validate外掛--自定義,Ajax非同步使用者名稱是否存在

1.所需要的外掛下載地址(放到js目錄下)https://pan.baidu.com/s/16KyrX16dzgGTIncho2WHmg2.引入庫<script src="js/jquery.validate.min.js" type="text/javascript"

onsubmit時利用ajax的return false無效解決方法

原來的程式碼 function checkNewEmail(){              var re_email=new RegExp("\\[email protected]\\w+\\.\\w+\\.?\\w*");              var ne

Spring Boot構建的Web專案如何在服務端輸入

本文首發於個人網站:Spring Boot構建的Web專案如何在服務端校驗表單輸入 這個例子用於演示在Spring Boot應用中如何驗證Web 應用的輸入,我們將會建立一個簡單的Spring MVC應用,來讀取使用者輸入並使用validation註解來檢查,並且當用戶輸入錯誤時,應用需要再螢幕上顯示錯誤

Spring Boot (一) 重複提交

一、前言 在某些情況下,由於網速慢,使用者操作有誤(連續點選兩下提交按鈕),頁面卡頓等原因,可能會出現表單資料重複提交造成資料庫儲存多條重複資料。 存在如上問題可以交給前端解決,判斷多長時間內不能再次點選儲存按鈕,當然,如果存在聰明的使用者能夠繞過前端驗證,後端更應該去進行攔截處理,下面小編將基於 Sprin

spring 請求引數的輸入 以及資料

spring mvc 允許以多種方式將客戶端中的資料傳送到控制器的處理器方法中,包括以下幾種 查詢引數 表單引數 路徑引數 1. 查詢引數: 使用@RequstParam 註解 宣告引數名稱和型別 。一般來說 spring boot 現在支援直接使用型別和引數名稱 不需要使用註解

JSR303資料後臺

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

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

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

使用easyUI中的jquery.validate.min.js外掛進行驗證並自定義規則

以前使用原生的js或者jQuery寫表單驗證真的好麻煩,使用上面的easyUI外掛配合著ajax真的節省好多程式碼量直接上程式碼<%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%&g

EXTJS 資料正則

在EXT中使用正則表示式驗證的方法:fieldLabel : '員工號',name : 'employee.empNo',regex: /^\w+$/,id : 'employee.empNo',regexText:"員工號只能由字母和數字組成!", allowBlank :

資料 序列化 為 js物件

$.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (

JS:AJAX提交資料

方法一、前臺通過物件傳遞引數,後臺通過物件的屬性獲取值 jsp程式碼: $.ajax({ type: "POST", url:"/manage/admin/addOrUpdate", data:{

vue.js v-model雙向資料繫結, vue.js form資料繫結

vue.js v-model雙向資料繫結, vue.js form表單資料繫結   ================================ ©Copyright 蕃薯耀 2018年11月29日 http://fanshuyao.iteye.com/   &l

js資料封裝成json字串

用js將表單資料封裝成json字串 1.js中封裝程式碼: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, func