validatord的使用方法理解
今天是周日,自己已经在公司上班一周啦,可是这是我感觉最难熬 一周之一,上一次还是在高考失利的时候,自己整整一个月没有出去,在家里呆着,不知道干什么,这一此自己也是,感觉自己很难在这个公司熬下去,但是,这只是个开始,一切都还在继续,加油,我一定要更加努力,用努力把自己所欠缺的多补回来!
下一个目标就是自己把微信小程序再学习一下,自己做出来一个成品!
正题:这两天一直在搞validator这个表单验证插件
<script type="text/javascript" src="/js_v2/jquery1.9.min.js"></script>
<script type="text/javascript" src="/js/validator.js"></script>
<script type="text/javascript" src="/js_v2/layer/layer.js"></script>
<script type="text/javascript" src="/js_v2/laydate/laydate.js"></script>
<script type="text/javascript" src="/js_v2/jquery.timeago.js"></script>
<script type="text/javascript" src="/js_v2/JgAjax1.0.min.js"></script>
<script type="text/javascript" src="/js/md51.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<link href="/css_v2/common_style.css" rel="stylesheet" type="text/css">
引入js的时候一定要把validator和jquery.form进行引入,在接下来进行提交数据的时候回进行使用form中 的方法
<div class="jui-panel">
<div class="jui-panel-body" style="padding:15px;">
<form name="sec_form" id="sec_form" method="POST" action="sub_act.php" enctype="multipart/form-data"
onSubmit="return Validator.Validate(this,3)">
<div class="jui-form">
<div class="formitem">
<div class="item_label">旧的密码:</div>
<div class="item_cont">
<input id="pwd_old" value="" style="width:200px;" class="jui-form-text" type="password"
require="true" datatype="Require" msg="必填" onchange="document.getElementById('pwd_old_hidden').value=md5(this.value)">
<font color='red'>*<span id="tpis0"></span></font>
<input type="hidden" name="pwd_old" id="pwd_old_hidden">
</div>
</div>
<div class="formitem">
<div class="item_label">新的密码:</div>
<div class="item_cont">
<input id="password" value="" style="width:200px;" class="jui-form-text" type="password"
require="true" datatype="Require" msg="必填" onchange="document.getElementById('password_hidden').value=md5(this.value)">
<font color='red'>*<span id='tpis'></span></font>
<input type="hidden" id="password_hidden" name="pwd">
</div>
</div>
<div class="formitem">
<div class="item_label">再次输入:</div>
<div class="item_cont">
<input id="password_repwd" value="" style="width:200px;" class="jui-form-text"
type="password" require="true" datatype="Require" msg="必填" onchange="document.getElementById('password_repwd_hidden').value=md5(this.value)">
<font color='red'>*<span id="tpis1"></span></font>
<input type="hidden" name="repwd" id="password_repwd_hidden">
<input type="hidden" name="act" value="edit_pass">
</div>
</div>
<div class="formitem2">
<input type="reset" class="jui-form-button danger" value="重置">
<input type="submit" class="jui-form-button primary" value="保存" id="savePas">
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript"> $(function () {
$("#sec_form").ajaxForm(function (data) {//选择form表单,然后在利用jquery。form中的方法ajaxForm进行返回数据的处理
var json=JSON.parse(data)
// console.log(json)
if(json.state=='success'){
layer.msg(json.des,{time:1500});
layer.closeAll('iframe');
}else{
layer.msg(json.des,{time:1500});
}
});
});
</script>
最单的用法就是在input框上进行name属性的设置,属性名需要和接口的字段一致,如果不设置name属性,那么在提交数据的时候就不会把input框中的内容进行提交,
设置validator的规则,在input框中设置属性dataType=‘Require’这个是必填字段,必须进行填写,msg='提示'这个是错误的提示信息。
然后就可一看到提示信息啦!
validatord的使用方法理解的更多相关文章
- Android 自定义 view(四)—— onMeasure 方法理解
前言: 前面我们已经学过<Android 自定义 view(三)-- onDraw 方法理解>,那么接下我们还需要继续去理解自定义view里面的onMeasure 方法 推荐文章: htt ...
- Android 自定义 view(三)—— onDraw 方法理解
前言: 上一篇已经介绍了用自己定义的属性怎么简单定义一个view<Android 自定义view(二) -- attr 使用>,那么接下来我们继续深究自定义view,下一步将要去简单理解自 ...
- C#抽象方法和虚拟方法理解
http://www.cnblogs.com/denylau/archive/2010/04/11/1709573.html http://www.cnblogs.com/naariah/archiv ...
- Android中Matrix的pre post set方法理解(转载来源:Linux社区 作者:zjmdp)
虽说以前学习过线性代数和图形学原理,但是在实际中碰到matrix还是疑惑了好一阵子,今天通过向同事请教终于找到一点门路,特总结如下: Matrix主要用于对平面进行缩放,平移,旋转以及倾斜操作,为简化 ...
- Java中的clone方法-理解浅拷贝和深拷贝
最近学到Java虚拟机的相关知识,更加能理解clone方法的机制了 java中的我们常常需要复制的类型有三种: 1:8种基本类型,如int,long,float等: 2:复合数据类型(数组): 3:对 ...
- js中Function的apply方法与call方法理解
最近在使用jQuery的$.each方法时很,突然想到$.each($('div'),function(index,entity){});中的这个index和entity是哪冒出来的,而且可有可无的, ...
- getSelection、range 对象属性,方法理解,解释
网上转了一圈发现没有selection方面的解释,自己捣鼓下 以这段文字为例子.. <p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火 ...
- activity调用finish方法理解
/** * Call this when your activity is done and should be closed. The * ActivityResult is propagated ...
- JS中的call()和apply()方法理解和使用
1.方法定义call方法: 语法:obj.method.call(thisObj[,arg1[, arg2[, [,.argN]]]]) 定义:调用对象(obj)的一个方法(method),以另一个对 ...
随机推荐
- ADB文件及文件夹操作
1.创建文件夹: adb shell mkdir /data/local/tmp/local多级的一次只能创建一级adb shell mkdir /data/local/tmp/local/tmp 2 ...
- Java笔试面试题整理第二波
转载至:http://blog.csdn.net/shakespeare001/article/details/51200163 作者:山代王(开心阳) 本系列整理Java相关的笔试面试知识点,其他几 ...
- Kafka命令操作
本文主要介绍Kafka的shell命令: 查看当前服务器所有的topic [hadoop@datanode1 kafka]$ bin/kafka-topics.sh --zookeeper datan ...
- Git分支merge和rebase的区别
Git merge是用来合并两个分支的. git merge b # 将b分支合并到当前分支 同样 git rebase b,也是把 b分支合并到当前分支 原理 如下: 假设你现在基于远程分支&quo ...
- 在Tomcat7.0中设置默认服务器和不加端口名访问
前言 昨天买了域名,服务器,然后搭建了环境,然后想他通过默认的端口,不用端口就访问. 设置WEB项目的欢迎页 在WEB-INF文件夹下有个web.xml文件(最近新建的项目不包含此文件,可以手动新建) ...
- React实现了一个鼠标移入的菜单栏效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title> ...
- suricata 配置文件threshold
threshold threshold(阈值)关键字可用于控制规则的警报频率,它有3种模式: threshold: type <threshold|limit|both>, track & ...
- java.lang.NoClassDefFoundError: org/apache/tomcat/util/res/StringManager
一个比较老的web项目, IDEA 导入后不能用, 出现了各种问题, 但是, 别人用eclipse 导入就不会有问题, 我折腾了半天, 还是各种问题, 真是郁闷了. 哎, 承认很难配置吧, ...
- TXLSReadWriteII2 读取数据
TXLSReadWriteII2 按行读取数据(写得复杂了点,实际项目中的,可以自己简化) procedure TformMain.LoadGeneralObject(_type, _col, _ro ...
- python 函数的名称空间及作用域
一:名称空间 1:什么是名称空间: 名称空间即:储存名字与值的内存地址关联关系的空间 2.名称空间的分类: 内置名称空间:存储器自带的一些名称与值的对应关系,如:print,len,max等; 生命周 ...