2. 程式人生 > >tp-from表單的驗證

tp-from表單的驗證

阿新 • • 發佈：2019-02-07
$(function(){ //初始化地址 $pro = "<?php echo $res['pro'] ?>"; $city = "<?php echo $res['city'] ?>"; $area = "<?php echo $res['area'] ?>"; if($pro != ""){ update($pro,$city,$area); } $(".cqrcode").click(function(){ if
($("#qrcodeurl").val() == ''){ $.get("/index.php?s=/Home/Base/wx_cQrcode.html",function(data,status){ $data = $.parseJSON(data); $url = $data.url; $qrid = $data.id; $("#qrcodeurl").val($url); $("#qid"
).val($qrid); $("#qrcode").attr('src',$url); $("#qrcode").attr('style',""); }); /*var oDocumentH = $('body').height() + 200; window.parent.document.getElementById('contentIframe').style.height = oDocumentH + 'px';*/ }else
{ tusi("二維碼已生成，無需替換"); } }) }) function typeP(){ $password = $("#ps").val(); $("#password").val(calcMD5($password)); if($("#qrcodeurl").val() == ""){ tusi("請點選生成二維碼") return false; } return true; } /*提交做檢查 -----------------------------*/ $("#shopname").blur(function(){ var thename = $("input[name='shopname']").val(); if($("input[name='shopname']").val() == ''){ $("#shopname").css('border-color','red'); $("#shopname_one").html("* 門店名不能為空，請認真填寫。").css('color','red'); return false; }else{ $("#shopname").css('border-color',''); $("#shopname_one").html("* ").css('color',''); } }) $("#un").blur(function(){ var un = $("input[name='un']").val(); if($("input[name='un']").val() == ''){ $("#un").css('border-color','red'); $("#un_one").html("* 賬號不能為空，請認真填寫。").css('color','red'); return false; }else if(!checkUser(un.Trim())){ $("#un").css('border-color','red'); $("#un_one").html("* 不可用，請以字母、數字、下劃線組成，字母開頭，4-16位。").css('color','red'); return false; }else{ $("#un").css('border-color',''); $("#un_one").html("* ").css('color',''); } }) $("#pw").blur(function(){ var pw = $("input[name='pw']").val(); if( pw == ''){ $("#pw").css('border-color','red'); $("#pw_one").html("* 密碼不能為空，請認真填寫。").css('color','red'); return false; }else if(5 > pw.length){ $("#pw").css('border-color','red'); $("#pw_one").html("* 密碼至少大於等於6位").css('color','red'); return false; }else{ $("#pw").css('border-color',''); $("#pw_one").html("* ").css('color',''); } }) $("#agin_pass").blur(function(){ var pw = $("input[name='pw']").val(); if($("input[name='agin_pass']").val() == ''){ $("#agin_pass").css('border-color','red'); $("#agin_pass_one").html("* 確認密碼不能為空，請認真填寫。").css('color','red'); return false; }else if(pw != $("input[name='agin_pass']").val()){ $("#agin_pass").css('border-color','red'); $("#agin_pass_one").html("* 兩次密碼不一致，請重新輸入").css('color','red'); return false; }else{ $("#agin_pass").css('border-color',''); $("#agin_pass_one").html("* ").css('color',''); } }) $("#theforn").click(function(){ var pw = $("input[name='pw']").val(); var un = $("input[name='un']").val(); if($("input[name='shopname']").val() == ''){ $("#shopname").focus().css('border-color','red'); $("#shopname_one").html("* 門店名不能為空，請認真填寫。").css('color','red'); return false; }else if(un == ''){ $("#un").focus().css('border-color','red'); $("#un_one").html("* 賬號不能為空，請認真填寫。").css('color','red'); return false; }else if(!checkUser(un.Trim())){ $("#un").focus().css('border-color','red'); $("#un_one").html("* 不可用，請以字母、數字、下劃線組成，字母開頭，4-16位。").css('color','red'); return false; }else if( pw == ''){ $("#pw").focus().css('border-color','red'); $("#pw_one").html("* 密碼不能為空，請認真填寫。").css('color','red'); return false; }else if(5>pw.length){ $("#pw").focus().css('border-color','red'); $("#pw_one").html("* 密碼至少大於等於6位").css('color','red'); return false; }else if($("input[name='agin_pass']").val() == ''){ $("#agin_pass").focus().css('border-color','red'); $("#agin_pass_one").html("* 確認密碼不能為空，請認真填寫。").css('color','red'); return false; }else if(pw != $("input[name='agin_pass']").val()){ $("#agin_pass").focus().css('border-color','red'); $("#agin_pass_one").html("* 兩次密碼不一致，請重新輸入").css('color','red'); return false; }else{ document.getElementById('form1').submit(); } }) function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; return re.test(str); } String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }

相關推薦

tp-from表單的驗證

$(function(){ //初始化地址 $pro = "<?php echo $res['pro'] ?>"; $city = "<?php echo $res['city'] ?>"; $area = "

from表單驗證 並呼叫支付介面

報名 並驗證from表單 並呼叫支付介面 const app = getApp() // pages/activdetail/sign/sign.js Page({ /** * 頁面的初始資料 */ data: { ajxtru

jsf標籤 from表單驗證

<cf:dialog header="附件上傳："     widgetVar="fujianshangchuandialog" modal="true" width="700" height="450"      showEffect="drop" hideEffect="drop">    

『PHP學習筆記』系列九：利用from表單的onSubmit事件進行瀏覽器端的資料驗證

資料驗證思路：      當我們在網站進行註冊時，一般有兩個資料驗證的過程，一個是在伺服器端的驗證，一個是在瀏覽器端的驗證。瀏覽器端的驗證一般是用來驗證提交的資訊是否符合註冊的要求，即資料是否合法；伺服器端的驗證主要是驗證該註冊資訊是否已經存在於伺服器中，如果註

angular6 from表單正則較驗證

資源地址 環境準備 1、安裝npm包 npm install great-ngform --save 2、引入module import {GreatValidateModule} from

純H5+c3實現表單驗證

mail ida 網址 put 滿足 字段 address ini css3 客戶端驗證是網頁客戶端程序最常用的功能之一，我們之前使用了各種各樣的js庫來進行表單的驗證。HTML5其實早已為我們提供了表單驗證的功能。至於為啥沒有流行起來估計是兼容性的問題還有就是樣式太醜陋了

表單驗證

java pwd word 用戶註冊 -1 style 字符 text date <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></

JaveWeb 公司項目（4）----- Easyui的表單驗證

過程 -- 目前 要求 今天 和數 希望 小項目 web 前面三篇博文講述的是界面的搭建和數據的傳輸，可以看出目前我做的這個小項目已經有了一個大體的雛形，剩下的就是細節部分的打磨和一些友好的人機交互設計，今天做的是表單的驗證，作為初學者，著實花了一番功夫，所以寫一篇博文將這

jQuery基礎（常用插件 表單驗證，圖片放大鏡，自定義對象級，jQuery UI，面板折疊）

此外 cookie值 添加圖標 tor 列表 需要 droppable 使用 ddn 1.表單驗證插件——validate 該插件自帶包含必填、數字、URL在內容的驗證規則，即時顯示異常信息，此外，還允許自定義驗證規則，插件調用方法如下： $(form).vali

第一篇，js表單驗證模板

scrip put func wrong lur ctype lan lang 執行 下面是對於一個email的表單驗證的基本模板<!DOCTYPE html><html lang="en"><head> <meta char

一個表單驗證

wrong spa 插件 position ava char email格式 box eth <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

angular js h5關於表單驗證的例子

checked tro mis scrip att sta error 自定義 account angular js表單驗證 <!DOCTYPE html><html><head lang="en"> <meta charse

Java Script 第10章 JavaScript表單驗證

cnblogs ges scrip isp asc ima javascrip lock 分享 Java Script 第10章 JavaScript表單驗證

表單驗證的設計

解決方案 正則 wan 光有 做了 我只 cnblogs 提示 重要 　　不說廢話，直接留幹貨。實現的效果：多條表單提交的時候，如果某個表單的輸入不和格式要求，則提示對應的錯誤信息，所有表單的內容合適，則提交到後臺。顯示代碼（這裏的dom的結構不唯一，我只是在我實際的項目中

SpringBoot表單驗證

mage 驗證 log image 技術分享 img 不能 spring blog 需求：年齡在18歲以下的女生不能註冊 處理器中的寫法： 實體類中的寫法： SpringBoot表單驗證

表單驗證 靠name獲取

res 獲取 ems let nbsp jquer 手機 ear sub 表單 靠name獲取 <form class="add-form" name="form" action="#" method="post" autocomplete="on">

yii2.0 如何創建from表單

2.0 false logs .com ace 一個 xtend images models 　　好久沒有回顧yii2了，現在回想，已經不記得原來是怎麽做的了，現在寫在這裏，也不怕忘了 　　首先，我們得創建一個模型，根據官網 　　 　　　　先將通讀一下，不然很多都不知道為什

input from 表單提交 使用 屬性 disabled=&quot;disabled&quot; 後臺接收不到name=&quot;username&quot;的值

表單 height disabled 使用 user rac pos ont isa input from 表單提交 使用 屬性 disabled="disabled" 後臺接收不到name="username"的ࠆ

jq中的表單驗證插件------jquery.validate

此外 郵箱 method 你們 ostc [0 ade 使用 js代碼 今天我們來說一下表單驗證，有人說我們在進行表單驗證的時候使用正則來驗證是非常麻煩的，現在我來給大家介紹一下表單驗證的插件：jquery.validate.min.js 它是與jquery一起結合

JavaScript表單驗證和正則表達式

sco 集合 innertext ner rep tell 一次 臨時 軟件 JavaScript表單驗證 分為四類： 　　1.非空驗證 　　　　常用於用戶名等 　　2.相等驗證 　　　　常用於驗證兩次輸入的密碼 　　3.範圍驗證 　　　　常用於年齡等