jquery - 为什么在表单操作页面中结构键值显示两次像“提交,提交”?
问题描述
当我使用 validate.js 添加表单验证时,它的验证很好并显示验证消息。但是输入 type="submit" 值在操作页面结构中显示了两次。
对于 Illustrate,我有两个 .cfm 文件,index.cfm 具有带有验证的简单表单,而 actionview.cfm 具有 <cfdump="#form#">。当我在 submitHandler 中提交表单时,显示提交按钮值的转储结构是两次。其他表单域显示正常。
在 HTML 和 jQuery 验证代码中,在 index.cfm 中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery validation plug-in - main demo</title>
<link rel="stylesheet" href="css/screen.css">
<script src="../lib/jquery.js"></script>
<script src="../dist/jquery.validate.js"></script>
<script>
$.validator.setDefaults({
submitHandler: function() {
form.submit();
}
});
$(document).ready(function() {
$("#commentForm").validate();
});
</script>
<style>
#commentForm {
width: 500px;
}
#commentForm label {
width: 250px;
}
#commentForm label.error, #commentForm input.submit {
margin-left: 253px;
}
</style>
</head>
<body>
<div id="main">
<h1 id="banner"><a href="https://jqueryvalidation.org/">jQuery Validation Plugin</a> Demo</h1>
<p>Default submitHandler is set to submitting the form</p>
<form class="cmxform" id="commentForm" method="post" action="actionView.cfm">
<fieldset>
<legend>Please provide your name, email address (won't be published) and a comment</legend>
<p>
<label for="cname">Name (required, at least 2 characters)</label>
<input id="cname" name="name" minlength="2" type="text" required>
</p>
<p>
<label for="cemail">E-Mail (required)</label>
<input id="cemail" type="email" name="email" required>
</p>
<p>
<label for="curl">URL (optional)</label>
<input id="curl" type="url" name="url">
</p>
<p>
<label for="ccomment">Your comment (required)</label>
<textarea id="ccomment" name="comment" required></textarea>
</p>
<p>
<input class="submit" type="submit" name="submit" value="Submit">
</p>
</fieldset>
</form>
</div>
</body>
</html>
在 actionView.cfm 中,
<cfdump var="#form#" />
在这里,我给出了表单和转储结构的屏幕截图:
样本表格,
倾倒的结构,
在转储结构中,提交按钮值为 "Submit,Submit" 。但通常我已经提交了显示“提交”的表单。我不确定为什么会这样?
有什么我错过的吗?如果有人解释为什么它显示两次,我将不胜感激?
提前致谢!
解决方案
推荐阅读
- javascript - Redux reducer 中的扩展运算符
- tink - Google Tink:如何从 KeysetHandle 获取原始密钥字符串?
- ionic-framework - 构建版本 Ionic 不生成
- javascript - 从 Firestore 文档中获取字段
- c# - C# 检查 Datetime.now 是否为特定时间
- php - 在 PHP 中打印多维数组时未定义的偏移量
- python - cxfreeze 未被识别为内部或外部命令
- javascript - 使用 vue.js 同时迭代多个列表
- entity-framework - 如何升级 EF Core 工具
- python - tf.Variable() 和 tf.get_variable() 的区别