开发中遇到的那些事儿~~~

最新推荐文章于 2022-03-17 11:36:43 发布

欢迎来到小J_de博客

最新推荐文章于 2022-03-17 11:36:43 发布

阅读量195

点赞数

文章标签：开发遇到 easyUI input mybatis

1.当你表有外键关联的时候，怎么重置id的自增？

禁用外键约束
SET FOREIGN_KEY_CHECKS=0;

重置id自增
TRUNCATE TABLE table
 
启动外键约束
SET FOREIGN_KEY_CHECKS=1;

https://blog.csdn.net/weixin_37645838/article/details/83270485

2.Mybatis传入多个参数查询时，需要加上@param注解,否则会报错

写法如下:

Account login(@param("username")String username,@param("password")String password);

3.设置屏幕滚动条，滑到最底部

这里用的是jQuery 效果 - animate() 方法

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
function scrollWindow(){
	$("html,body").animate({
		"scrollTop":$(document).height()+"px"
	});
}

http://www.w3school.com.cn/jquery/effect_animate.asp

当滚动条滑到最底端和最顶端做相应的操作

$(window).scroll(function(){
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            /*当滚动条滑到最底部时，做相应的操作*/
        }
});

$(window).scroll(function(){
        if ($(window).scrollTop() == 0){
        	/*当滚动条滑到顶部的时候，做相应的操作*/
        }
});

4.EasyUI的Input框的限制和校验的条件

添加提示信息：data-options="prompt:'Enter something here...'"

验证QQ：validType:'qq'

校验手机号：validType:'phone'

校验邮件：validType:'email'

输入框不为空：required:true

允许输入多行文字：multiline:true

输入长度：validType:'length[4,12]'

最大输入长度：validType:['maxLength[100]']

为文本框添加搜索按钮以及搜索图标：buttonText:'Search',buttonIcon:'icon-search'

单选下拉框：class="easyui-combobox"

多选下拉框：class="easyui-combobox" 的基础上 data-options="multiline:true"

combobox下拉框禁止书写：editable:false

例如：$('#id').combobox({
		url:'/',
		valueField:'id',
		textField:'text',
		panelHeight:"auto",
		editable:false,
		panelMaxHeight:"200"
	});

下面是自定义校验方法：

$.extend($.fn.validatebox.defaults.rules, {
        CHS: {
			validator: function (value, param) {
				return /^[\u0391-\uFFE5]+$/.test(value);
			},
			message: '请输入汉字'
        },
        english : {// 验证英语
            validator : function(value) {
                return /^[A-Za-z]+$/i.test(value);
            },
            message : '请输入英文'
        },
        ip : {// 验证IP地址
            validator : function(value) {
                return /\d+\.\d+\.\d+\.\d+/.test(value);
            },
            message : 'IP地址格式不正确'
        },
        ZIP: {
			validator: function (value, param) {
				return /^[0-9]\d{5}$/.test(value);
            },
			message: '邮政编码不存在'
        },
        QQ: {
			validator: function (value, param) {
				return /^[1-9]\d{4,10}$/.test(value);
			},
			message: 'QQ号码不正确'
        },
        mobile: {
			validator: function (value, param) {
				return /^(?:13\d|15\d|18\d)-?\d{5}(\d{3}|\*{3})$/.test(value);
			},
			message: '手机号码不正确'
        },
        tel:{
			validator:function(value,param){
				return /^(\d{3}-|\d{4}-)?(\d{8}|\d{7})?(-\d{1,6})?$/.test(value);
			},
			message:'电话号码不正确'
        },
        mobileAndTel: {
			validator: function (value, param) {
				return /(^([0\+]\d{2,3})\d{3,4}\-\d{3,8}$)|(^([0\+]\d{2,3})\d{3,4}\d{3,8}$)|(^([0\+]\d{2,3}){0,1}13\d{9}$)|(^\d{3,4}\d{3,8}$)|(^\d{3,4}\-\d{3,8}$)/.test(value);
			},
			message: '请正确输入电话号码'
        },
        number: {
			validator: function (value, param) {
				return /^[0-9]+.?[0-9]*$/.test(value);
			},
			message: '请输入数字'
        },
        money:{
			validator: function (value, param) {
               return (/^(([1-9]\d*)|\d)(\.\d{1,2})?$/).test(value);
			},
			message:'请输入正确的金额'
        },
        mone:{
			validator: function (value, param) {
				return (/^(([1-9]\d*)|\d)(\.\d{1,2})?$/).test(value);
			},
			message:'请输入整数或小数'
        },
        integer:{
			validator:function(value,param){
				return /^[+]?[1-9]\d*$/.test(value);
			},
			message: '请输入最小为1的整数'
        },
        integ:{
			validator:function(value,param){
				return /^[+]?[0-9]\d*$/.test(value);
			},
			message: '请输入整数'
        },
        range:{
			validator:function(value,param){
				if(/^[1-9]\d*$/.test(value)){
				  return value >= param[0] && value <= param[1]
				}else{
				  return false;
				}
			},
			message:'输入的数字在{0}到{1}之间'
        },
        minLength:{
			validator:function(value,param){
				return value.length >=param[0]
			},
			message:'至少输入{0}个字'
        },
        maxLength:{
			validator:function(value,param){
				return value.length<=param[0]
			},
			message:'最多{0}个字'
        },
        //select即选择框的验证
        selectValid:{
			validator:function(value,param){
				if(value == param[0]){
				  return false;
				}else{
				  return true ;
				}
			},
			message:'请选择'
        },
        idCode:{
			validator:function(value,param){
				return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value);
			},
			message: '请输入正确的身份证号'
        },
        loginName: {
			validator: function (value, param) {
				return /^[\u0391-\uFFE5\w]+$/.test(value);
			},
			message: '登录名称只允许汉字、英文字母、数字及下划线。'
        },
        equalTo: {
			validator: function (value, param) {
				return value == $(param[0]).val();
			},
			message: '两次输入的字符不一至'
        },
        englishOrNum : {// 只能输入英文和数字
            validator : function(value) {
                return /^[a-zA-Z0-9_ ]{1,}$/.test(value);
            },
            message : '请输入英文、数字、下划线或者空格'
          },
        xiaoshu:{ 
            validator : function(value){ 
				return /^(([1-9]+)|([0-9]+\.[0-9]{1,2}))$/.test(value);
            }, 
            message : '最多保留两位小数！'    
        },
        ddPrice:{
			validator:function(value,param){
				if(/^[1-9]\d*$/.test(value)){
					return value >= param[0] && value <= param[1];
				}else{
					return false;
				}
			},
			message:'请输入1到100之间正整数'
		},
		jretailUpperLimit:{
			validator:function(value,param){
			    if(/^[0-9]+([.]{1}[0-9]{1,2})?$/.test(value)){
					return parseFloat(value) > parseFloat(param[0]) && parseFloat(value) <= parseFloat(param[1]);
				}else{
					return false;
				}
			},
			message:'请输入0到100之间的最多俩位小数的数字'
		},
		rateCheck:{
			validator:function(value,param){
				if(/^[0-9]+([.]{1}[0-9]{1,2})?$/.test(value)){
					return parseFloat(value) > parseFloat(param[0]) && parseFloat(value) <= parseFloat(param[1]);
				}else{
					return false;
				}
        },
        message:'请输入0到1000之间的最多俩位小数的数字'
      }
});

https://blog.csdn.net/FightingBoyws/article/details/79833628

5.HTML中禁止input文本框输入实现属性

首先禁止属性有：readonly、disabled、autocomplete 

1. readonly表示此域的值不可修改，仅可与 type=”text” 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.

<input type="text" name=" " readonly="readonly" /> 


2. disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值

<input type="text" name=" " disabled="disabled" /> 


3. 最后介绍一个常用的标签，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，
如果你想去掉的话，最好加上autocomplete=”off”，使用方法如下：autocomplete=”off”

<input type="text" autocomplete="off" id="number"/> 

https://blog.csdn.net/coslay/article/details/47279297

欢迎来到小J_de博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
开发中遇到的那些事儿~~~

1.当你表有外键关联的时候，怎么重置id的自增？禁用外键约束SET FOREIGN_KEY_CHECKS=0;重置id自增TRUNCATE TABLE table 启动外键约束SET FOREIGN_KEY_CHECKS=1;https://blog.csdn.net/weixin_37645838/article/details/83270485 2.Mybati...
复制链接

扫一扫