Javascript jqueryif语句

Javascript jqueryif语句,javascript,jquery,if-statement,Javascript,Jquery,If Statement,我有一个表单,允许用户为简单的在线“恒温器”最低温度、最高温度和省电器最高温度输入自己的自定义值 我试图编写一些jquery,这样当用户提交带有自定义值的表单时,它会设置自定义值,并更改文本以向用户显示他们所做的更改,例如“您已将最低温度更改为5” 目前,只有第一个表单字段“最低温度”起作用,并设置了正确的值。另外两个没有按预期工作 此外,我希望用户能够在一次表单提交时设置所有自定义值,并同时在屏幕上显示以下语句,例如: 你已将最低体温改为5度 你把最高体温改为50度了 您已将节电器的最高温度更

我有一个表单,允许用户为简单的在线“恒温器”最低温度、最高温度和省电器最高温度输入自己的自定义值

我试图编写一些jquery,这样当用户提交带有自定义值的表单时,它会设置自定义值,并更改文本以向用户显示他们所做的更改,例如“您已将最低温度更改为5”


目前,只有第一个表单字段“最低温度”起作用,并设置了正确的值。另外两个没有按预期工作

此外,我希望用户能够在一次表单提交时设置所有自定义值,并同时在屏幕上显示以下语句,例如:

你已将最低体温改为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())
            }
        });