html中input后的报错信息,js 监测from表单中的input和select,时时监测,没有输入或选择信息报错,不允许提交数据...
// 正则表达式
var reg1 = /^.{1,}$/; //名称满足条件
// alert(window.innerWidth+‘ssssssssss‘+window.innerHeight);
// alert(window.innerHeight);
// 设置音频信息
function SetAudio($id,name,sound,length,note,volume){
var tan = layer.open({
type:1,
title: ‘编辑声音‘,
area:[‘370px‘,‘450px‘],
offset: ‘50px‘,
anim: 1,
content: $("#sound-dialog"),
btn:[‘保存‘,‘播放‘,‘删除‘,‘取消‘],
btn1:function(index){
// 获取标签的值
var name = $(‘#name‘).val();
// var length = $(‘#length‘).val();
var sound = $(‘#sound‘).val();
var note = $(‘#note‘).val();
var volumeAmount = $("#volumeAmount").text( $( "#volumeSlider" ).slider( "value" )).text();
// 声音名称的正则
if(!reg1.test(name)){var SoundNameError=$("#SoundName-Error").text("请输入正确的名称");$("#SoundName-Error").css({"padding": "2px 6px 2px 6px"});ErrorName("name",SoundNameError);}
if(sound===null||sound===""||sound===undefined){var PlayVolumError=$("#PlayVolume-Error").text("请选择音频");$("#PlayVolume-Error").css({"padding": "2px 6px 2px 6px"});ErrorVolume("sound",PlayVolumError);return;
}
if(!SoundNameError){
$.ajax({
"url": "{:U(‘Sound/EditVolume‘)}",
"type": "post",
"data": {
"action": "EditSound",
"id":$id,
"name":name,
// "length":length,
"volumeSlider":volumeAmount,
"note":note,
"sound":sound
},
success:function(data){
layer.close(index);
layer.msg("修改成功!");
$("#navside").load("/Sound/index #navside");
},
error:function (data){
layer.msg("设置音频信息错误");
}
})
}
},
btn2:function(index){
// 音量
var play_slider_val = Number($("#volumeAmount").text($("#volumeSlider").slider("value")).text());
// 音频
var play_audio_frequency = $("#sound").val();
if(play_audio_frequency==null){
layer.msg("请选择音频");
}else{
// 获取音频
var audios= new ROSLIB.Message({
data:play_audio_frequency
});
volume_play.publish(audios);
//调试音量
var volumes= new ROSLIB.Message({
data:play_slider_val
});
volume_voice.publish(volumes);
console.log(play_slider_val);
console.log(play_audio_frequency);
}
return false;
},
btn3:function(index){
$.ajax({
"url": "{:U(‘Sound/EditVolume‘)}",
"type": "post",
"data": {
"action": "DeleteSound",
"id":$id
},
success:function(data){
layer.close(index);
layer.msg("删除成功!");
$("#navside").load("/Sound/index #navside");
},
error:function (data){
layer.msg("删除音频有误!");
}
})
// return false;
},
end:function(){
// layer.msg("已取消");
}
});
if($id!==undefined){
// $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
LabelElement($id,name,sound,note,length,volume);
}else{
LabelElement();
$(".layui-layer-btn2").hide();
}
}
// slider滑动获取音量的大小
$( "#volumeSlider" ).slider({
min: 0,
max: 100,
value: 100,
slide: function( event, ui ) {
$( "#volumeAmount" ).text( ui.value );
$( "#sound-volume" ).val( ui.value );
var slider_display=$( "#volumeAmount" ).text();
var slider_input= $("#VolumeValue").val(slider_display);
var slider_val=Number(slider_input.val());//音量
var audio_frequency = $("#sound").val();//声音
if(audio_frequency==null){
layer.msg("请选择音频");
}else{
// 音频
var number= new ROSLIB.Message({
data:audio_frequency
});
volume_play.publish(number);
//音量
var number1= new ROSLIB.Message({
data:slider_val
});
volume_voice.publish(number1);
console.log(audio_frequency);
console.log(slider_val);
}
}
});
// 获取元素的值
function LabelElement(id,name,sound,note,length,volume){
if(id===undefined&&name===undefined&&sound===undefined&&volume===undefined){
id="";name="";sound="";note="";length="";volume=100;
}
$("#name").val(name);
$("#sound").val(sound);
$("#sound").prop(‘required‘,false);
$("#note").val(note);
// // $(‘#sound-dialog‘).find(‘#length‘).val(length);
$("#volumeSlider").slider(‘value‘,volume);
$("#volumeAmount").text( $( "#volumeSlider" ).slider( "value" )).text();
//
}
// 隐藏错误触发方式
function ErrorName(value,error){
var ErrTxt=error.text();//获取错误信息
// 按下触发事件
$("#"+value).keyup(function(){
var ValueText=$("#"+value).val();//随时监测input输入的值
ErrorMode(value,ValueText,error,ErrTxt);
});
}
// 隐藏错误触发方式
function ErrorVolume(value,error){
var ErrTxt=error.text();//获取错误信息
// 点击触发事件
$("#"+value).click(function(){
var ValueText=$("#"+value).val();//随时监测input输入的值
ErrorMode(value,ValueText,error,ErrTxt);
});
}
// 错误信息处理
function ErrorMode(value,texts,error,errtxt){
if(texts!==""&&texts!==null&&texts!==undefined){
error.text("");//清除错误信息
$("#"+value).siblings(".error").css({"padding":"0px"});
}else{
// 添加错误信息
$("#"+value).siblings(".error").text(errtxt);
$("#"+value).siblings(".error").css({"padding":"2px 6px 2px 6px"});
}
}
html中input后的报错信息,js 监测from表单中的input和select,时时监测,没有输入或选择信息报错,不允许提交数据...相关推荐
- 使用Htmlunit工具获取表单中的input
最近团队在做一个数据集成的系统,需要对一些表单进行爬取,今天就来好好说下一些爬取表单的细节. 其实对于用Htmlunit来爬取一些信息比用Httpclient方便容易,如果是对某些特殊的元素进行爬取, ...
- android SQLite查询并显示用户输入的选择信息
上一篇博客写的也是千辛万苦,第一次写很多格式也没有注意,出来的效果太渣,修改了好几次才弄好.上一篇说完了把用户输入的选项信息保存成0123335621这样的字符串保存在数据库的一个表格中,当我们要查看 ...
- 在html中属于复选框标记的是,在 HTML 表单中,文本框、口令框和复选框都是用 INPUT 标记符生成的_学小易找答案...
[单选题]聚对苯二甲酸乙二醇酯属于( ). [判断题]准备姿势与移动是排球基本技术之一,属于无球技术,是完成传球.垫球.扣球.发球和拦网等各项有球技术的前提和基础,对有球技术起串连和纽带作用. [判断 ...
- 重置form表单中的input值
话不多说,直接上代码,看不懂的,你也可以私聊(这也看不懂,我也很惆怅啊) $(':input','#addMenuModal') //'#addMenuModal'为form表单id值 .not(': ...
- form表单中的input有哪些类型
text 文本框 password 密码框 radio 单选按钮 checkbox 复选框 file 文件选择域 hidden 隐藏域 button 按钮 reset 重置按钮 su ...
- hive查看数据库里库的信息_Hive学习之路 (三)Hive元数据信息对应MySQL数据库表...
概述 Hive 的元数据信息通常存储在关系型数据库中,常用MySQL数据库作为元数据库管理.上一篇hive的安装也是将元数据信息存放在MySQL数据库中. Hive的元数据信息在MySQL数据中有57 ...
- java 文本框只读_处理表单使input等文本框为只读不可编辑的方法
方法1: οnfοcus=this.blur() 方法2:readonly 方法3: disabled Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着 ...
- C#中使用 HttpWebRequest 向网站提交数据
HttpWebRequest 是 .NET 基类库中的一个类,在命名空间 System.Net 里,用来使用户通过 HTTP 协议和服务器交互. HttpWebRequest 对 HTTP 协议进行 ...
- Android Logcat 报错:Could not create the view: For input string:
悲剧的,又重装eclipse,又重装ADT.结果是这原因.纠结. logcat报错:Could not create the view: For input string: "" ...
最新文章
- ASP.NET上传文件管理控件
- Can't pickle local object 'CDLL.__init__.locals._FuncPtr'
- 在python中、下列代码的输出是什么-Python 面试中 8 个必考问题
- mfc cedit 默认显示内容_拼多多评价不显示的几大原因,看完之后才知道是触碰了这几个环节...
- 【网络安全】JAVA代码审计—— XXE外部实体注入
- HashMap 和 HashTable 区别
- Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询
- Android -- Looper.prepare()和Looper.loop() —深度版
- java rest风格传参_SpringMVC的REST风格的四种请求方式总结
- hdu 2197 本原串
- SpringBoot集成Flowable_Jsite已发任务菜单报500
- The more, The Better(HDU-1561)
- RocketMQ入门到入土(四)producer生产消息源码剖析
- appium 处理滑动的方法
- python怎么读写文件-python读写文件
- MapReduce的map流程
- 单元测试 测试用例 用例测试文件golang的单元测试
- matlab在mac中好用吗,Matlab Mac版上手
- 兄弟连php课程大纲,LAMP兄弟连PHP课程学习笔记 第四天 流程控制分支语句
- 千年后,邂逅属于你的游园梦:华为带给智慧园区的生态鼎新
热门文章
- 关于微信小程序使用wx.downloadFile和wx.getFileSystemManager().saveFile()保存文件在本机找不到文件的说明
- 风控策略和模型的区别_智能风控平台核心之风控决策引擎(二)
- STL库中string类内存布局的探究
- Linux加法简单程序,Android应用程序的开发目录——简单的加法计算示例
- 海康威视主机升级固件_海康威视网络广播主机DSKAM6HG1S
- ios7中让程序使用统一的status bar风格
- Java接口和Java抽象类有什么不同
- 通过 pxe(网络安装)完成centos 系统的网络安装
- 从无到有写一个运维APP(三)完结篇
- 非常不错的文章,囊括啦高性能、高可用的分布式架构体系所有名词