javascrip 简单的 jquery 脚本

我正在学习,我想验证各种值,但脚本不起作用,只验证第一个值“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>


杨__羊羊
浏览 110回答 2
2回答

白衣非少年

看一下片段。inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1"检查 inputVal 变量是否等于“123-21”、“154-2”或“1235-1”。function getInputValue() {&nbsp; var inputVal = document.getElementById("myInput").value;&nbsp; if (inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1") {&nbsp; &nbsp; document.getElementById("alertaValidacion").innerHTML = "El Producto que usted Compro es Original.";&nbsp; &nbsp; document.getElementById("alertaValidacion").className = "alert-success";&nbsp; } else {&nbsp; &nbsp; document.getElementById("alertaValidacion").innerHTML = "El producto que adquirio No es Original. podria ser una falsificacion";&nbsp; &nbsp; document.getElementById("alertaValidacion").className = "alert-danger";&nbsp; }}getInputValue();.alert-success {&nbsp; color: green;}.alert-danger {&nbsp; color: red;}<input id="myInput" type="text" value="123-21" oninput="getInputValue()"/><p id="alertaValidacion"></p>

明月笑刀无情

第一个 if 语句你已经像这样拆分了你的语句if&nbsp;(inputVal&nbsp;===&nbsp;"123-21"&nbsp;||&nbsp;inputVal&nbsp;===&nbsp;"154-2"&nbsp;||&nbsp;inputVal&nbsp;===&nbsp;"1235-1"){
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript