$(document).ready(function() {
$('#formValidation').validate({
rules: {
name: 'required',
email: {
required: true,
email: true
},
phone: 'required',
subject: 'required',
formMessage: 'required'
},
messages: {
name: 'Please enter your name',
email: {
required: 'Please enter your email address',
email: 'Please enter a valid email address'
},
phone: 'Please enter your phone number',
subject: 'Please enter a subject',
formMessage: 'Please enter your message'
},
submitHandler: function(form) {
form.submit();
}
});
});
<main>
<div class="input_container"
<form name="formValidation" id="formValidation" action="valid.html">
<div class="input-row">
<input type="text" name="name" placeholder="Name" required>
</div>
<div class="input-row">
<input type="text" name="email" placeholder="Email" required>
</div>
<div class="input-row">
<input type="text" name="phone" placeholder="Phone" required>
</div>
<div class="input-row">
<input type="text" name="subject" placeholder="Subject" required>
</div>
<div class="input-row">
<textarea placeholder="Message" name="formMessage" required></textarea>
</div>
<div class="text-center">
<input type="submit" value="Submit">
</div>
</form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
</main>
我无法在我的网站上进行表单验证。我正在使用 jQuery 和 jQuery Validation 插件对 ID 为“formValidation”的表单执行客户端验证。但是,当我在未填写必填字段的情况下提交表单时,表单仍会提交且不会显示任何错误消息。我仔细检查了我的代码并确保我已经包含了必要的 JavaScript 库并正确关闭了所有 HTML 标签。但是表单验证似乎没有按预期运行。有人可以帮我确定问题并提供解决方案吗? 表单验证不起作用。例如,没有输入电话号码不会触发消息“请输入您的电话号码”。这是什么原因造成的?请解释我做错了什么。没有消息显示。