【问题标题】:to alert user if user enters other than a valid number value in each text fields and to alert user enter number if any textfield is left blank [duplicate]如果用户在每个文本字段中输入的不是有效的数字值,则提醒用户,如果任何文本字段留空,则提醒用户输入数字[重复]
【发布时间】:2015-02-27 06:21:03
【问题描述】:
<!DOCTYPE html>
<html>
<body bgcolor = "eeeeee">

<p> Add Section </p>

<label>Fir No :</label>

<input id="txt1"  type="text"/></br></br>

<label>Sec No :</label> 

<input id="txt2"  type="text"/></br></br>

<input type="button" name="Add" value="Add" onclick="addTwoNumber()"/>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = Date();
}
<!-- addition of two numbers-->

function addTwoNumber(){
var a = document.getElementById("txt1").value;
var b = document.getElementById("txt2").value;

var x = Number(a) + Number(b);
document.getElementById("demo").innerHTML = "Add Value: " + x;
}
</script>

</body>
</html> 

我在此代码中编写了一个代码,如果用户输入的不是数字,我无法提醒用户,以及如果用户留空而没有另外填写值,如何提醒用户

【问题讨论】:

标签: javascript jquery


【解决方案1】:

试试下面的代码:

 <!DOCTYPE html>
 <html>
 <body bgcolor = "eeeeee">
 <p> Add Section </p>
 <label>Fir No :</label>
 <input id="txt1"  type="text"/></br></br>
 <label>Sec No :</label>
 <input id="txt2"  type="text"/></br></br>
 <input type="button" name="Add" value="Add" onclick="addTwoNumber()"/>
 <p id="demo"></p>
 <script>
 function myFunction() {
 document.getElementById("demo").innerHTML = Date();
 }
 <!-- addition of two numbers-->

 function addTwoNumber(){
 var a = document.getElementById("txt1").value;
 var b = document.getElementById("txt2").value;
 if (a == "" || b == "")
 {
    alert('Please enter any number');
    return;
 }
 if (isNaN(a) || isNaN(b))
 {
    alert('Please enter any number');
    return;
 }
 var x = Number(a) + Number(b);
 document.getElementById("demo").innerHTML = "Add Value: " + x;
 }
 </script>

 </body>
 </html>

【讨论】:

    【解决方案2】:

    使用 isNaN() 检查有效号码。

    function addTwoNumber(){
    var a = document.getElementById("txt1").value;
    var b = document.getElementById("txt2").value;
    
    if(a == "")
    {
        alert("enter txt1 value");
        return;
    }    
    
    if(b == ""){
        alert("enter txt2 value");
        return;}
    
    if(isNaN(a)){
        alert("enter valid number txt1 value");
        return;}
    
    
    if(isNaN(b)){
        alert("enter valid number txt2 value");
        return;}
    
    var x = Number(a) + Number(b);
    document.getElementById("demo").innerHTML = "Add Value: " + x;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-03-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-22
      • 2021-01-17
      • 2023-03-30
      相关资源
      最近更新 更多