如何在需要填寫文本字段時進行彈出式提醒？

我有一個添加客戶信息的表單。我只想知道如何製作彈出式警告框，警告用戶他/她已經忘記填寫重要的文本字段。我不擅長html或java腳本，所以我需要幫助。感謝您的幫助！ :)如何在需要填寫文本字段時進行彈出式提醒？

2014-03-14 user3418987

檢查從this answer此代碼示例：

與你的課程領域更換輸入字段並建立自己的消息，如果任何字段缺失。

<script type="text/javascript"> 
    function validateForm() 
    { 
    var a=document.forms["Form"]["ans_a"].value; 
    var b=document.forms["Form"]["ans_b"].value; 
    var c=document.forms["Form"]["ans_c"].value; 
    var d=document.forms["Form"]["ans_d"].value; 
    if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="") 
     { 
     alert("Please Fill All Required Field"); 
     return false; 
     } 
    } 
    </script> 

<form method="post" name="Form" onsubmit="return validate()" action=""> 
<textarea cols="30" rows="2" name="ans_a" id="a"> 
<textarea cols="30" rows="2" name="ans_b" id="b"> 
<textarea cols="30" rows="2" name="ans_c" id="c"> 
<textarea cols="30" rows="2" name="ans_d" id="d"></textarea> 
</form>

來源

2014-03-14 08:26:52 Patrick

您可以使用下面的例子

<html> 
<head> 
<script> 
function validateForm() { 
    var x = document.forms["myForm"]["fname"].value; 
    if (x == null || x == "") { 
     alert("Name must be filled out"); 
     return false; 
    } 
} 
</script> 
</head> 
<body> 

<form name="myForm" action="js" 
onsubmit="return validateForm()" method="get"> 
Name: <input type="text" name="fname"> 
<input type="submit" value="Submit"> 
</form> 

</body> 
</html>

來源

2014-03-14 08:30:02 mahesh

兩條鏈路斷 – AlwaysANovice

我刪除這些鏈接 – mahesh

簡單的地獄:)

只要使用「所要求的」參數放在輸入字段（文本框/文本域等）。

<form method="post" name="Form" onsubmit="" action=""> 
    <input length="20" required=""></input> 
    <input type="submit" value="Submit"></input> 
</form>

如果在用戶嘗試提交表單時textinput爲空，則會顯示一些小文本！如果每個標記爲必填的輸入都填充了文本，則只能提交表單。看看這個簡單的提琴：

http://jsfiddle.net/UL5pC/

來源

2014-03-14 08:53:59 inf3ction

如何在需要填寫文本字段時進行彈出式提醒？

回答

相關問題