Question

我正在尝试使用弹出消息创建一个表单，如果用户没有填满输入框，则不会发生任何事情，我使用required = "required"输入类型编号完成了。

我需要的是当输入框已经填满时，会弹出一条消息，并说当用户点击该按钮时添加该项目。

这是我的代码：

 <label style="color:#000000;">Qty:
 <input type="number" min="1" name="qty" required = "required" />



 SCRIPT:
 <script type="text/javascript">
 function myFunction()
 {
 var a=document.forms["abc"]["qty"].value;
 if (a!=null){
 alert("Item has been successfully added to your Cart");
  }
  }
  </script>




  echo '<td>'.'<input name="but" type="image" value="'.$row3['id'].'"      
  src="images/button.png"  onclick="myFunction()" />'.'</td>';

Answer 1

您必须为输入标记使用id。

    <label style="color:#000000;">Qty:
 <input type="number" min="1" id="qty" name="qty" required = "required" />



 function myFunction()
 {
 var a=document.forms["abc"]["qty"].value;
    if (a!=null && a!= ""){
     alert("Item has been successfully added to your Cart");
    }
 }

同时检查空字段

Answer 2

你错过了形式的名字 - “abc” - 在函数myFunction中你通过

调用元素

var a=document.forms["abc"]["qty"].value;

带有var文档的弹出消息

2 个答案: