// 正則表達(dá)式

var reg1 = /^.{1,}$/; //名稱滿足條件

// alert(window.innerWidth+‘ssssssssss‘+window.innerHeight);

// alert(window.innerHeight);

// 設(shè)置音頻信息

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){

// 獲取標(biāo)簽的值

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("請(qǐng)輸入正確的名稱");$("#SoundName-Error").css({"padding": "2px 6px 2px 6px"});ErrorName("name",SoundNameError);}

if(sound===null||sound===""||sound===undefined){var PlayVolumError=$("#PlayVolume-Error").text("請(qǐng)選擇音頻");$("#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("設(shè)置音頻信息錯(cuò)誤");

}

})

}

},

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("請(qǐng)選擇音頻");

}else{

// 獲取音頻

var audios= new ROSLIB.Message({

data:play_audio_frequency

});

volume_play.publish(audios);

//調(diào)試音量

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滑動(dòng)獲取音量的大小

$( "#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("請(qǐng)選擇音頻");

}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();

//

}

// 隱藏錯(cuò)誤觸發(fā)方式

function ErrorName(value,error){

var ErrTxt=error.text();//獲取錯(cuò)誤信息

// 按下觸發(fā)事件

$("#"+value).keyup(function(){

var ValueText=$("#"+value).val();//隨時(shí)監(jiān)測(cè)input輸入的值

ErrorMode(value,ValueText,error,ErrTxt);

});

}

// 隱藏錯(cuò)誤觸發(fā)方式

function ErrorVolume(value,error){

var ErrTxt=error.text();//獲取錯(cuò)誤信息

// 點(diǎn)擊觸發(fā)事件

$("#"+value).click(function(){

var ValueText=$("#"+value).val();//隨時(shí)監(jiān)測(cè)input輸入的值

ErrorMode(value,ValueText,error,ErrTxt);

});

}

// 錯(cuò)誤信息處理

function ErrorMode(value,texts,error,errtxt){

if(texts!==""&&texts!==null&&texts!==undefined){

error.text("");//清除錯(cuò)誤信息

$("#"+value).siblings(".error").css({"padding":"0px"});

}else{

// 添加錯(cuò)誤信息

$("#"+value).siblings(".error").text(errtxt);

$("#"+value).siblings(".error").css({"padding":"2px 6px 2px 6px"});

}

}

總結(jié)

以上是生活随笔為你收集整理的html中input后的报错信息,js 监测from表单中的input和select，时时监测，没有输入或选择信息报错，不允许提交数据...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。