Javascript 使用jquery方法show（）和hide（）进行表单验证_Javascript_Jquery

Javascript 使用jquery方法show（）和hide（）进行表单验证

javascript jquery

Javascript 使用jquery方法show（）和hide（）进行表单验证,javascript,jquery,Javascript,Jquery,我为用户详细信息制作了一个表单。我想使用jquery hide and show方法验证表单。但是我做错了什么，因为所需的功能正在工作。我哪里做错了？我也读了关于这个话题的其他答案，但没有完成工作我的表格： <form id="uploadimageform" method="post" enctype="multipart/form-data"> <input type="text" placeholder="first name" id=

我为用户详细信息制作了一个表单。我想使用jquery hide and show方法验证表单。但是我做错了什么，因为所需的功能正在工作。我哪里做错了？我也读了关于这个话题的其他答案，但没有完成工作

我的表格：

 <form id="uploadimageform" method="post" enctype="multipart/form-data">
                <input type="text" placeholder="first name" id="first" class="firstn" name="user[firstname]" /><br />
                <div class="firstname23">
                <p >Please fill the first name.</p>
                </div>
                <input type="text" placeholder="last name" id="last" class="lastn" name="user[lastname]" /><br />
                <div class="lastname23">
                    <p >Please fill the Last name.</p>
                </div>
                <input type="text" maxlength="10" placeholder="contact no." id="contact" name="user[contact_number]" onkeypress="return isNumberKey(event)" /><br />
                <input  type="address" placeholder="address1" id="addr1" name="user[address1]"/><br />
                <input  type="address" placeholder="address2" id="addr2" name="user[address2]"/><br />
                <input  type="address" placeholder="street" id="strt" name="user[street]"/><br />
                <input  type="address" placeholder="street1" id="strt1" name="user[street1]"/><br />
                <input  type="address" placeholder="city" id="city" name="user[city]"/><br />
                <input  type="address" placeholder="state" id="statee" name="user[state]"/><br />
                <input  type="address" placeholder="country" id="cntry" name="user[country]" /><br />
                <input  type="email" placeholder="email" id="email" class="emailn" name="user[email]" /><br />
                <div class="email23">
                    <p >Please fill the Email.</p>
                </div>
                <input  type="password" placeholder="password" id="paswrd" class="passn" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" name="user[password]" /><br />
                <div class="password23">
                    <p >Please fill the Password.</p>
                </div>

                <select name="user[gender]" id="gndr">
                    <option>Gender</option>
                    <option value="Male">Male</option>
                    <option value="Female">Female</option>
                </select><br />
                <input type="file" name="user_photo" id="user_photo" /><br>
                <div class="btn btn-primary" type="submit" id="addbutton" onclick="">Submit </div>
            </form>

您需要在输入字段中添加

required

属性，以确保这些字段由用户填写：

<input required type="text" placeholder="first name" id="first" class="firstn" name="user">

然后可以从以下位置删除标记末尾的所有斜杠：

<input />

致：

至少说说什么不起作用，你想实现什么？目前，即使名字、姓氏、电子邮件和密码字段为空，它仍会提交表单。我想让他们成为强制性的什么不起作用？为什么不起作用？你试着那样做的时候发生了什么？你是怎么做到的？等等等等，@22anonymous这不是信息。到底是什么不起作用？我尝试过使用“required”属性，我尝试过使用JS中的函数来验证表单，但这也不起作用。我的意思是，我检查了这些字段是否为空，然后会弹出一个警报，要求填充它们。我使用了上面的jQuery方法隐藏，并在空白字段上显示了div，它也不工作。“不工作”的意思是，即使字段是空的，我按了“提交”按钮，表单也会在没有任何错误消息或类似信息的情况下提交。@22anonymous您

.html

文件的前两行是什么？看，只需将整个内容发布，我就可以测试它了。我不知道你说的“它不起作用”是什么意思。

<!DOCTYPE html>
<html>
...

<input />

<input>