javascrip 简单的 jquery 脚本

Question

我正在学习，我想验证各种值，但脚本不起作用，只验证第一个值“123-21” function getInputValue(){                                var inputVal = document.getElementById("myInput").value;                                                if (inputVal == "123-21"&&"154-2"&&"1235-1"){                  document.getElementById("alertaValidacion").innerHTML = "El Producto que usted Compro es <strong>Original.</strong>";                  document.getElementById("alertaValidacion").className = " alert alert-success";                }                 else {                  document.getElementById("alertaValidacion").innerHTML = "El producto que adquirio <strong>No es Original. </strong> podria ser una falsificacion";                  document.getElementById("alertaValidacion").className = " alert alert-danger";                }                            }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><center>        <input type="text" placeholder="Codigo Producto" id="myInput">          <button class="btn btn-success" type="button" onclick="getInputValue();">Validar</button>    </center>                <div class="row">        <div class="col-sm">                   </div>        <div class="col-sm">          <p  id="alertaValidacion">                        </p>        <script>                   </script>        </div>        <div class="col-sm">                   </div>                <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">      </div>

Answer 1

看一下片段。

inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1"检查 inputVal 变量是否等于“123-21”、“154-2”或“1235-1”。

function getInputValue() {

  var inputVal = document.getElementById("myInput").value;

  if (inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1") {

    document.getElementById("alertaValidacion").innerHTML = "El Producto que usted Compro es Original.";

    document.getElementById("alertaValidacion").className = "alert-success";

  } else {

    document.getElementById("alertaValidacion").innerHTML = "El producto que adquirio No es Original. podria ser una falsificacion";

    document.getElementById("alertaValidacion").className = "alert-danger";

  }

}

getInputValue();

.alert-success {

  color: green;

}

.alert-danger {

  color: red;

}

<input id="myInput" type="text" value="123-21" oninput="getInputValue()"/>

<p id="alertaValidacion"></p>

Answer 2

第一个 if 语句你已经像这样拆分了你的语句

if (inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1"){