jQuery范围输入默认值答案

【问题标题】：jQuery range input default valuejQuery范围输入默认值
【发布时间】：2017-11-04 17:00:50
【问题描述】：

预计$('input[type=range]').val() 返回空值（如果value=''）。

但是，jQuery 返回50% 的范围输入元素的(min+max)。

https://jsfiddle.net/maheshwaghmare/f33Ljjty/

有任何解决方案可以通过 jQuery 检测 empty 元素的 empty 值吗？

【问题讨论】：

标签： javascript jquery html input range

【解决方案1】：

输入类型范围Default返回值是数字的范围，不是属性的值。如果需要啊值attr。试试attr('value')

$(document).ready(function() {
if(!$('.one').attr('value').trim() || !$('.two').attr('value').trim()){ // validate the attribute value
console.log('any one range attr value is empty')
}
	var rangeOne = 'Defult One: ' + $('.one').val() + '<br/>';
  var rangeTwo = 'Defult Two: ' + $('.two').val() + '<br/>';
	$('.result').html( rangeOne + rangeTwo );
});

body {
    padding: 5px;
}

label {
    font-weight: bold;
}

input[type=text] {
    width: 20em
}

p {
    margin: 1em 0 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Range One <input class="one" min="768" step="1" max="1920" type="range" value=""> (min='768' step='1' max='1920' value='')<br/>
Range Two <input class="two" min="768" step="1" max="1920" type="range" value="800"> (min='768' step='1' max='1920' value='800')

<br/><br/><br/>
<span class="result"></span>

【讨论】：