Javascript jqueryif语句
我有一个表单,允许用户为简单的在线“恒温器”最低温度、最高温度和省电器最高温度输入自己的自定义值 我试图编写一些jquery,这样当用户提交带有自定义值的表单时,它会设置自定义值,并更改文本以向用户显示他们所做的更改,例如“您已将最低温度更改为5”Javascript jqueryif语句,javascript,jquery,if-statement,Javascript,Jquery,If Statement,我有一个表单,允许用户为简单的在线“恒温器”最低温度、最高温度和省电器最高温度输入自己的自定义值 我试图编写一些jquery,这样当用户提交带有自定义值的表单时,它会设置自定义值,并更改文本以向用户显示他们所做的更改,例如“您已将最低温度更改为5” 目前,只有第一个表单字段“最低温度”起作用,并设置了正确的值。另外两个没有按预期工作 此外,我希望用户能够在一次表单提交时设置所有自定义值,并同时在屏幕上显示以下语句,例如: 你已将最低体温改为5度 你把最高体温改为50度了 您已将节电器的最高温度更
目前,只有第一个表单字段“最低温度”起作用,并设置了正确的值。另外两个没有按预期工作 此外,我希望用户能够在一次表单提交时设置所有自定义值,并同时在屏幕上显示以下语句,例如: 你已将最低体温改为5度 你把最高体温改为50度了 您已将节电器的最高温度更改为30度 仅当用户在该字段中输入值时,上述语句才应显示。i、 e.如果用户仅输入了最高温度值,则应仅显示以下语句: 你把最高体温改为50度了 如果您能给我们提供任何帮助或指点,我们将不胜感激。非常感谢 表格代码:
<form id="custom-values">
<input type="text" id="mintemperature" placeholder="Minimum temperature">
<input type="text" id="maxtemperature" placeholder="Maximum temperature">
<input type="text" id="maxtemperatureps" placeholder="Max. PowerSaver temperature">
<input type="submit" class="submit-button" value="Set!">
</form>
一种方法是:
$“自定义值”。在“提交”时,functionevent{
违约事件;
//创建对象以定义关联的设置
//每个元素以其id标识为键:
变量消息={
“最低温度”:“最低温度”,
“最大温度”:“最大值”,
“maxtemperatureps”:“最大节能”
},
//使用map和get创建具有
//其值已从默认值更改,并且可以更改其值
//被解析为基数为10的数字:
changes=$this.find'input[type=text]'.mapfunction{
如果this.value!==this.defaultValue&&parseIntthis.value,则为10{
归还这个;
}
}.得到,
//将元素创建为jQuery对象:
李=$,
//创建一个变量以在以后的forEach中保存克隆:
克隆
//清空现有邮件:
$'messages'。空;
//迭代已更改节点的数组:
更改。forEachfunction已更改{
//克隆创建的jQuery对象:
clone=li.clone;
//将其html设置为以下连接字符串:
clone.html'您已将'+messages[changed.id]+'温度设置更改为:'+changed.value+'°;C'
//将添加到“messages”元素:
。附于‘讯息’之后;
};
};
信息{
边框:1px000;
边缘:0.5em;
}
/*隐藏messages元素(如果有)
没有包含空白的内容:*/
消息:空{
显示:无;
}
恒温器.mintTemperature=parseInt$'mintTemperature'.val三次?在我看来,是时候休息一下了!:另外两个没有按预期工作。人们期望什么?他们怎么会失败?@RokoC.Buljan-新手错误!这真是漫长的一天。非常感谢你的回答,非常有帮助!我认为它唯一没有解决的问题是实际更改恒温器本身的值:automator.minTemperature=parseInt$'minTemperature'.val automator.maxTemperature=parseInt$'maxTemperature'.val automator.maxTemperaturePowerSaver=parseInt$'maxtemperatureps'.val这可能是因为我发布的代码关于我的问题,最初有点不正确,没有包括上面3行中的2行,这是漫长的一天!。我现在要弄清楚怎么做。
$('#custom-values').on('submit', function(event) {
event.preventDefault();
if ($('#mintemperature').val() !== "") {
$('#message').text("You've changed your minimum temperature to " + $('#mintemperature').val())
thermostat.minTemperature = parseInt($('#mintemperature').val())
}
if ($('#maxtemperature').val() !== "") {
$('#message').text("You've changed your maximum temperature to " + $('#maxtemperature').val())
thermostat.minTemperature = parseInt($('#mintemperature').val())
}
if ($('#maxtemperatureps').val() !== "") {
$('#message').text("You've changed your power saver maximum temperature to " + $('#maxtemperatureps').val())
thermostat.minTemperature = parseInt($('#mintemperature').val())
}
});