警報輸入表
[英]Alert input form
問題描述
我想對取決於數據類型的表單輸入字符發出警報，
當我輸入錯誤的輸入時，警報顯示如下
<head>
<script type="text/javascript">
function check_field(id) {
var field = document.getElementById(id);
var d = document.getElementById('plus');
if (isNaN(field.value)) {
d.innerHTML += "Is not number";
}
}
</script>
</head>
<body>
<form>
<input type="text" id="t_field" onchange="check_field('t_field');"/><b id='plus'></b><br>
<input type="text"/>
</form>
</body>
當我嘗試刪除輸入字符時，警報仍然顯示，我希望警報更改為另一個警報，否則它會從屏幕上消失。
上面的問題解決了，但還有一個問題
你明白我的意思嗎？
3 個解決方案
解決方案1
2 已采納 2015-11-10 05:54:16
添加一個else塊以在它是正確輸入時進行處理。
if (isNaN(field.value))
{
d.innerHTML = "Is not number";
}
else
{
d.innerHTML = "";
}
<head> <script type="text/javascript"> function check_field(id) { var field = document.getElementById(id); var d = document.getElementById('plus'); if (isNaN(field.value)) { d.innerHTML = "Is not number"; } else { d.innerHTML = ""; } } </script> </head> <body> <form> <input type="text" id="t_field" onchange="check_field('t_field');"/><b id='plus'></b> </form> </body>
解決方案2
0 2015-11-10 05:57:20
function check_field(id) { var field = document.getElementById(id); var d = document.getElementById('plus'); if (isNaN(field.value)) { d.innerHTML = "Is not number"; } else { d.innerHTML = ""; } }
<head> </head> <body> <form> <input type="text" id="t_field" onkeyup="check_field('t_field');"/><b id='plus'></b><br> <input type="text"/> </form> </body>
解決方案3
0 2015-11-10 06:00:34
請盡量減少您的代碼，如下所示
<head>
<script type="text/javascript">
function check_field(id) {
var d = document.getElementById('plus');
if (isNaN(id.value)) {
d.innerHTML = "Is not number";
}
else
{
d.innerHTML = "";
}
}
</script>
</head>
<body>
<form>
<input type="text" id="t_field" onchange="check_field(this);"/><b id='plus'></b><br>
<input type="text"/>
</form>
</body>
檢查表單字段的輸入-如果存在郵政編碼，則警告javascript
[英]Check input of form field - if postcode exists, alert javascript
如何在使用JavaScript的表單驗證中提醒用戶糾正輸入字段？
[英]How to alert user to correct input fields in form validation using javascript?
JavaScript表單驗證不顯示警報或更改輸入背景色
[英]JavaScript Form Validation Not Showing Alert or Changing Input Background Colour
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.