Question

我有一个添加客户信息的表单。我只想知道如何制作一个弹出警告框，警告用户他/她忘记填写一个重要的文本字段。我不擅长HTML或JavaScript，所以我需要帮助。

Answer 1

简单地说：）

只需使用参数＆＃34; required＆＃34;在您的输入字段（textfield / textarea等）。

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

当用户尝试提交表单时，如果textinput为空，则会显示一个小文本！只有在标记为必需的每个输入都填充了文本时，才能提交表单。看看这个简单的小提琴：

http://jsfiddle.net/UL5pC/

Answer 2

您可以使用以下示例

<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>

Answer 3

从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>

Answer 4

import React from 'react';
const Uapp =()=>{
    return(
        <>
        <p>
         Type Your name <input required />
        </p>
        </>
    );
}
export  default Uapp;

注意 - 当用户未在输入框中输入任何内容时，仅在警报消息的输入标签中添加必需的语法。

如果有需要填写的文本字段，如何发出弹出警报？

4 个答案: