1. 程式人生 > >JS校驗例項

JS校驗例項

NO.1 —— return true 式

<script>
  	function check(){	
  		var a = document.thisFormFromWangfy.a.value;
  		var whiceCalculator = document.thisFormFromWangfy.whiceCalculator.value;
  		var b = document.thisFormFromWangfy.b.value;
  		if(a == "" || b == "") {
  			alert("不能為空");
  			return false;
  		} else if(whiceCalculator == "/" && b == 0){
   			alert("除數不能為零");
  			return false;
  		} else if(whiceCalculator != "+" && whiceCalculator != "-" && whiceCalculator != "*" && whiceCalculator != "/"){
  			alert("僅限四則運算");
  			return false;
  		} else {
  			return true;
  		}
  	}
</script>
  <body> 
  	<form action="calculatorAction.do" name="thisFormFromWangfy" onsubmit="return check()">
  		<% if(request.getAttribute("c") == null) {%>
 		<input name="a" type="text" value="4" size="6"/> 
 		<input name="whiceCalculator" type="text" value="+" size="1"/> 
 		<input name="b" type="text" value="3" size="6"/> 
 		<input type="submit" name="submit" value=" = "/> 
 		<% } else {%>		
 		<input name="a" type="text" value="<%=request.getAttribute("a")%>" size="6"/> 
 		<input name="whiceCalculator" type="text" value="<%=request.getAttribute("whiceCalculator")%>" size="1"/> 
 		<input name="b" type="text" value="<%=request.getAttribute("b")%>" size="6"/>
 		  =  
 		<input name="c" type="text" value="<%=request.getAttribute("c")%>" size="20"/>
 		<% } %>
 	</form>
  </body>

NO.2 —— 跳轉式

<script>
  	function calculator(){	
  		var a = document.thisFormFromWangfy.a.value;
  		var whiceCalculator = document.thisFormFromWangfy.whiceCalculator.value;
  		var b = document.thisFormFromWangfy.b.value;
  		if(a == "" || b == "") {
  			alert("不能為空");
  			location.href="/Struts2DMIFromWangfy/task1Calculator.jsp";
  		} else if(whiceCalculator == "/" && b == 0){
   			alert("除數不能為零");
  			location.href="/Struts2DMIFromWangfy/task1Calculator.jsp";
  		} else if(whiceCalculator != "+" && whiceCalculator != "-" && whiceCalculator != "*" && whiceCalculator != "/"){
  			alert("僅限四則運算");
  			location.href="/Struts2DMIFromWangfy/task1Calculator.jsp";
  		} else if(whiceCalculator == "+") location.href="calculator_add_?a="+a+"&b="+b;
  			<!-- 【注意】【注意】calculator_add_ 是為了防止認錯,認為包下的其他是*_*_*的形式!! -->
  		else if(whiceCalculator == "-") location.href="calculator_subtract_?a="+a+"&b="+b;	
  		else if(whiceCalculator == "*") location.href="calculator_multiply_?a="+a+"&b="+b;
  		else if(whiceCalculator == "/") location.href="calculator_divide_?a="+a+"&b="+b;
  	}
</script>
  </head>
  
  <body> 
  	<form action="" name="thisFormFromWangfy">
  		<% if(request.getAttribute("c") == null) {%>
 		<input name="a" type="text" value="4" size="6"/> 
 		<input name="whiceCalculator" type="text" value="+" size="1"/> 
 		<input name="b" type="text" value="3" size="6"/> 
 		<input type="button" onclick="calculator()" value=" = "/> 
 		<% } else {%>		
 		<input name="a" type="text" value="<%=request.getAttribute("a")%>" size="6"/> 
 		<input name="whiceCalculator" type="text" value="<%=request.getAttribute("whiceCalculator")%>" size="1"/> 
 		<input name="b" type="text" value="<%=request.getAttribute("b")%>" size="6"/>
 		  =  
 		<input name="a" type="text" value="<%=request.getAttribute("c")%>" size="20"/>
 		<% } %>
 	</form>
  </body>

NO.3 return true 式 (跟NO.1一樣?)

	<script type="text/javascript">
		function check(){
			if(document.getElementById("userName").value==""){
				alert('使用者名稱不能為空');
                document.getElementById("userName").focus();
                return false;
			} else if(document.getElementById("password").value==""){
                alert('密碼不能為空');
                document.getElementById("password").focus();
                return false;
			}          
		}
	</script>
	<body>
		<form action="LoginAction.do" method="post" onsubmit="return check()">
			<font color="red">${error}</font><br>
			使用者名稱:<input type="text" id="userName" name="userName" value=""/> <br>
			 密碼:<input type="password" id="password" name="password" value=""/><br>
			<input type="submit" name="submit" value="提交"/>
			<input type="reset" name="reset" value="重置"/><br>
   			<a href="register.jsp">沒有賬號?去註冊</a>
		</form>
	</body>

NO.4

<script type="text/javascript">
    function check(){
        if(document.getElementById("password").value != document.getElementById("confirmPassword").value) {  //id id id id id id
              alert('兩次密碼不一致');
              return false;
        }
    }
</script>
<body>
    <!--<s:fielderror/><!--顯示所有錯誤資訊-->
    <form action="RegisterAction.do" method="post" ><!--onsubmit="return check()"-->
  		使用者名稱:<input type="text" name="userName" value=""/><!--模型驅動--><s:fielderror fieldName="userName"/><br>
  		真實姓名:<input type="text" name="realName" value=""/><s:fielderror fieldName="realName"/><br>
  		郵箱:<input type="text" name="email" value=""/><s:fielderror fieldName="email"/><br>
  		密碼:<input type="password" id="password" name="password" value=""/><s:fielderror fieldName="password"/><br>
  		確認密碼:<input type="password" id="confirmPassword" name="confirmPassword" value=""/><s:fielderror fieldName="confirmPassword"/><br>
      	<input type="submit" name="submit" value="提交"/>
      	<input type="reset" name="reset" value="重置"/>
   </form>
</body>


相關推薦

JS例項

NO.1 —— return true 式<script> function check(){ var a = document.thisFormFromWangfy.a.value; var whiceCalculator = docum

JS銀行卡號、輸入卡號時放大效果

比較 left for 取出 abs focusout htm length rep 一、(校驗格式) function CheckBankNo(t_bankno) {   var bankno = $.trim(t_bankno);   if(bankno == ""

js引數是否為空以及url格式

/**   * 校驗欄位是否為URL  * message為提示語關鍵字  */ function isURL(param,message,allowNull) {// 驗證url     var strRegex = "^((h

input只輸入數字和js是否輸入框只有數字以及游標放輸入框時,輸入框裡內容消失

input只輸入數字和js校驗是否輸入框只有數字以及游標放輸入框時,輸入框裡內容消失 input框只能輸入數字: 1 onkeyup="value=value.replace(/[^\d]/g,'')" js校驗是否是純數字 1 if(isNaN(bankAccountNo)){ 2

js btc eth 地址

prime code 支持 limit komodo example ria meta there NPM 安裝 npm install wallet-address-validator Browser <script src="wallet-address

MyEclipse提供比較嚴謹的js功能,因此ExtJs、jQuery等前端框架匯入到MyEclipse後均會提示錯誤,解決辦法

方法一: 1、在MyEclipse選擇選單欄window 2、選擇preferences 3、左側選單樹中展開myeclipse 4、選擇下面的validation 5、將右側表格中javascript validator for Js files 把Buli

JS車牌號

1.常規車牌號:僅允許以漢字開頭,後面可錄入六個字元,由大寫英文字母和阿拉伯數字組成。如:粵B12345; 2.武警車牌:允許前兩位為大寫英文字母,後面可錄入七個字元,由大寫英文字母和阿拉伯數字組成,其中第三位可錄漢字也可錄大寫英文字母及阿拉伯數字,如:WJ01警008

js 身份證號

根據地區編碼、身份證格式、18位身份證需要驗證最後一位校驗位   //校驗身份證 function IdentityCodeValid(code) { var city = { 11: "北京", 12: "天津",

eclipse的js外掛

1. JSLint JavaScript 作為一門語法靈活多變且對格式要求相對鬆散的語言,程式碼格式的混亂和某些語言特性的不正確使用,往往使得最終交付的產品中包含許多因編碼風格約定造成的未 預見的行為或錯誤,這種習慣性的問題如果不及時指出並修改,往往會在專案的迭代過程中不斷的重現,嚴重影響 Web

js瀏覽器是否支援攝像頭及麥克風

window.onload = function () { var shower = document.getElementById('show'); navigator

jquery.validate.jsselect2解決方案 Jquery外掛select2解決方案

為了用jquery.validate.js校驗select2,折騰了2天,現在終於解決了,把方法告訴大家。 一、使用用了select2美化select Js程式碼   $('select').select2();   二、頁面部分程式碼 H

JS身份證號碼

function isIdCardNo(num) { num = num.toUpperCase(); //身份證號碼為15位或者18位,15位時全為數字,18位前17位為數字,最後一位是校驗位,可能為數字或字元X。

JS 車牌號碼(全)

本文轉自:http://www.blogjava.net/weiwei/articles/401703.html 我們首先來了解一下車牌號有哪些型別 1.常規車牌號:僅允許以漢字開頭,後面可錄入六個字元,由大寫英文字母和阿拉伯數字組成。如:粵B12345; 2.武警車牌

js表單資料

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

前端JS銀行卡卡號和身份證號碼(附ES6版方法)

var Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1 ]; // 加權因子 var ValideCode = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ]; // 身份證驗證位值.10代表X funct

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 isdate(str) { var result = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (result == null) return

datepicker 日期控制元件的js(version-input.jsp)

<!-- JS判斷輸入框中輸入的日期格式為yyyy-mm-dd和正確的日期 --> //對建立時間日期進行合法性校驗,不能輸入任意字元或不存在的時間 function checkCreat

js日期, 除週六周天。

    function checkDate(){         var d = new Date();         var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();         var

eclipse關閉js

在我們使用大量JavaScript作為一些UI或其他元件來使用時,很多情況下,明明引用的這些JavaScript是可以正常使用的,但Eclipse卻不斷地顯示著令人抗拒的紅叉叉。你可能不知,除了顯示大量不該顯示的紅叉叉外,Eclipse在每次編輯、儲存、編譯、釋出的過程