// 正则表达式

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,时时监测,没有输入或选择信息报错,不允许提交数据...相关推荐

  1. 使用Htmlunit工具获取表单中的input

    最近团队在做一个数据集成的系统,需要对一些表单进行爬取,今天就来好好说下一些爬取表单的细节. 其实对于用Htmlunit来爬取一些信息比用Httpclient方便容易,如果是对某些特殊的元素进行爬取, ...

  2. android SQLite查询并显示用户输入的选择信息

    上一篇博客写的也是千辛万苦,第一次写很多格式也没有注意,出来的效果太渣,修改了好几次才弄好.上一篇说完了把用户输入的选项信息保存成0123335621这样的字符串保存在数据库的一个表格中,当我们要查看 ...

  3. 在html中属于复选框标记的是,在 HTML 表单中,文本框、口令框和复选框都是用 INPUT 标记符生成的_学小易找答案...

    [单选题]聚对苯二甲酸乙二醇酯属于( ). [判断题]准备姿势与移动是排球基本技术之一,属于无球技术,是完成传球.垫球.扣球.发球和拦网等各项有球技术的前提和基础,对有球技术起串连和纽带作用. [判断 ...

  4. 重置form表单中的input值

    话不多说,直接上代码,看不懂的,你也可以私聊(这也看不懂,我也很惆怅啊) $(':input','#addMenuModal') //'#addMenuModal'为form表单id值 .not(': ...

  5. form表单中的input有哪些类型

    text  文本框 password 密码框 radio 单选按钮 checkbox   复选框 file 文件选择域 hidden   隐藏域 button 按钮 reset     重置按钮 su ...

  6. hive查看数据库里库的信息_Hive学习之路 (三)Hive元数据信息对应MySQL数据库表...

    概述 Hive 的元数据信息通常存储在关系型数据库中,常用MySQL数据库作为元数据库管理.上一篇hive的安装也是将元数据信息存放在MySQL数据库中. Hive的元数据信息在MySQL数据中有57 ...

  7. java 文本框只读_处理表单使input等文本框为只读不可编辑的方法

    方法1: οnfοcus=this.blur() 方法2:readonly 方法3: disabled Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着 ...

  8. C#中使用 HttpWebRequest 向网站提交数据

    HttpWebRequest 是 .NET 基类库中的一个类,在命名空间 System.Net 里,用来使用户通过 HTTP 协议和服务器交互.  HttpWebRequest 对 HTTP 协议进行 ...

  9. Android Logcat 报错:Could not create the view: For input string:

    悲剧的,又重装eclipse,又重装ADT.结果是这原因.纠结. logcat报错:Could not create the view: For input string: "" ...

最新文章

  1. ASP.NET上传文件管理控件
  2. Can't pickle local object 'CDLL.__init__.locals._FuncPtr'
  3. 在python中、下列代码的输出是什么-Python 面试中 8 个必考问题
  4. mfc cedit 默认显示内容_拼多多评价不显示的几大原因,看完之后才知道是触碰了这几个环节...
  5. 【网络安全】JAVA代码审计—— XXE外部实体注入
  6. HashMap 和 HashTable 区别
  7. Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询
  8. Android -- Looper.prepare()和Looper.loop() —深度版
  9. java rest风格传参_SpringMVC的REST风格的四种请求方式总结
  10. hdu 2197 本原串
  11. SpringBoot集成Flowable_Jsite已发任务菜单报500
  12. The more, The Better(HDU-1561)
  13. RocketMQ入门到入土(四)producer生产消息源码剖析
  14. appium 处理滑动的方法
  15. python怎么读写文件-python读写文件
  16. MapReduce的map流程
  17. 单元测试 测试用例 用例测试文件golang的单元测试
  18. matlab在mac中好用吗,Matlab Mac版上手
  19. 兄弟连php课程大纲,LAMP兄弟连PHP课程学习笔记 第四天 流程控制分支语句
  20. 千年后,邂逅属于你的游园梦:华为带给智慧园区的生态鼎新

热门文章

  1. 关于微信小程序使用wx.downloadFile和wx.getFileSystemManager().saveFile()保存文件在本机找不到文件的说明
  2. 风控策略和模型的区别_智能风控平台核心之风控决策引擎(二)
  3. STL库中string类内存布局的探究
  4. Linux加法简单程序,Android应用程序的开发目录——简单的加法计算示例
  5. 海康威视主机升级固件_海康威视网络广播主机DSKAM6HG1S
  6. ios7中让程序使用统一的status bar风格
  7. Java接口和Java抽象类有什么不同
  8. 通过 pxe(网络安装)完成centos 系统的网络安装
  9. 从无到有写一个运维APP(三)完结篇
  10. 非常不错的文章,囊括啦高性能、高可用的分布式架构体系所有名词