jQuery范围输入默认值

Question

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

但是，jQuery返回范围输入元素50%的{​​{1}}。

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

通过jQuery检测(min+max)元素的empty值的任何solutoin？

Answer 1

输入类型范围Default返回值是数字的范围，而不是属性值。如果您需要值attr .try 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>