策略模式验证表单

素颜马尾好姑娘i 2021-09-02 05:29 301阅读 0赞

策略模式定义： 将一组一组的算法封装起来，使之可以相互替换

<form action="">
    		<input type="text" id="inp">
    	</form>
    	<script type="text/javascript">
    	// 获取元素
    	var inp = document.getElementById("inp");
    
    	// 失去焦点的时候要验证内容
    	inp.onblur = function() {
    		var result = Strategy.use("chunshuzi", this.value);
    		console.log(result);
    
    	}
    
    
    	// 定义对象
    	var Strategy = (function() {
    		// 定义存储对象
    		var s = {
    			"chunyingwen": function(str) {
    				// 定义正则表达式
    				var reg = /^[a-zA-Z]+$/g;
    				// 验证内容
    				if (reg.test(str)) {
    					return "恭喜你，通过了";
    				} else {
    					return "请输入纯英文";
    				}
    			},
    			"chunshuzi": function(str) {
    				// 定义正则表达式
    				var reg = /^\d+$/g;
    
    				// 验证内容
    				if (reg.test(str)) {
    					return "恭喜你，通过了";
    				} else {
    					return "请输入纯数字";
    				}
    
    			}
    		}
    
    		// 定义接口
    		return {
    			use: function(type, str) {
    				return s[type](str);
    			}
    		}
    	})()

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关十二、策略模式案例（续）：表单验证（2021/4/28）

<body> <form action="xxx.com" method="post" id="registerForm">

今天药忘吃喽~/ 2023年01月17日 10:49/ 0 赞/ 130 阅读

相关 antd vue表单验证_antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效（其他验证失效）...

\\ antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效(其他验证失效) \\\\\ antd 的表单校验方法包括 validateFields 和

谁借莪１个温暖的怀抱￠/ 2022年10月24日 05:53/ 0 赞/ 251 阅读

相关表单验证

应用一、引入 <script src="Scripts/jquery-1.7.1.min.js"></script> <script src="Scripts/jqu

朱雀/ 2022年07月24日 06:28/ 0 赞/ 498 阅读

相关表单验证

java script验证表单时常用： "^-\[0-9\]\\[1-9\]\[0-9\]\＄"　　//负整数 "^-?//d+＄"　　　　//整

ゝ一纸荒年。/ 2022年06月13日 07:54/ 0 赞/ 341 阅读

相关表单验证

@Min(value = 18, message = " 不得小于18 ") private Integer age; / 表单验证 /

╰+攻爆jí腚メ/ 2022年06月05日 10:15/ 0 赞/ 326 阅读

相关表单验证

angularjs 表单验证，包含必填、手机、邮箱、ip、网址等基于angularjs自己封装的验证插件，之前的插件在angularjs上就不能使用了，然后将之前的封

淩亂°似流年/ 2022年06月04日 10:14/ 0 赞/ 321 阅读

相关表单验证

表单验证为了减轻服务器的压力，请求次数减少，保证用户输入符合要求。 > 常用的表单验证 > \- 日期样式 > \- 表单内容是否为空 > \- 用户名和密码

梦里梦外;/ 2022年05月24日 04:40/ 0 赞/ 332 阅读

相关表单验证

代码虽然有重复，但是重要的是思想和正则表达式的用 ---------- <!DOCTYPE html>

痛定思痛。/ 2022年05月19日 06:35/ 0 赞/ 369 阅读

相关表单验证

java script验证表单时常用： "^-\[0-9\]\\[1-9\]\[0-9\]\＄"　　//负整数 "^-?//d+＄"　　　　//整

小灰灰/ 2022年01月07日 14:35/ 0 赞/ 479 阅读

相关策略模式验证表单

策略模式定义：将一组一组的算法封装起来，使之可以相互替换 <form action=""> <input type="text" id="inp">

素颜马尾好姑娘i/ 2021年09月02日 05:29/ 0 赞/ 302 阅读