Question

我对javascript还是比较陌生，我试图创建一个横幅，如果文本框为空，它将显示。但这没有显示。如何使用引导横幅发出警报？

doLast

Answer 1

在编写JS代码时，您应该考虑以下几点：

如果要使用Jquery，请始终包含$(document).ready(function(){}); 等待HTML正文加载的代码。而一旦加载，您要使用您的JS代码。
您创建的validateform()的另一件事是永远不会从您的代码中调用，并且您的主代码存在于该函数中。

我已修改您的代码以使其正常工作

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<script>
$( document ).ready(function() {

 $('#clickme').on('click', function() {
              bootstrap_alert('Please enter your name');
    });
      
           bootstrap_alert = function(message) {
          var uname=$("#uname").val();
      		if (uname.length==0){
            $('#alert_placeholder').html('<div class="alert alert-danger alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><span>'+message+'</span></div>')
        }
        else{
        $('#alert_placeholder').html('');
        }
    }
});
</script>
</head>
<body>
Name: <input type="text" name="uname" id="uname" />
<input type = "button" id = "clickme" value="Submit"/>
<div id = "alert_placeholder"></div>

</body>
</html>

让我知道..如果您在这方面需要任何帮助..我很乐意为您提供帮助。谢谢

如何使用引导横幅验证文本框

1 个答案: