表单的JavaScript验证存在返回false和通过类进行选择的问题
JavaScript Validation of form issues with return false and selecting via class
背景
在提交表单内容(或输入值(之前,我正在尝试使用JavaScript函数验证一个表单。我目前遇到3个问题:
问题
-
我正试图通过JavaScript显示一个名为"语音气泡"的
<div>
,然而(无论出于何种原因(,这都不起作用。 -
即使我试图通过JavaScript函数"返回false",我的表单的提交按钮仍然会继续执行。
-
此外,我想使用类来验证此表单然而,id的(即:
getElementsByClassName
与getElementByID
("getElementsByClassName"在尝试更改类的显示类型,无论出于何种原因。
HTML
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" name="comment" id="comment-form" method="post" onsubmit="return validateForm();">
<input type="text" name="author" id="author" placeholder="Your name (Required)" autocomplete="on" tabindex="1" class="txtinput" value="<?php echo $comment_author; ?>">
<div id="speech-bubble">
<img src="<?php bloginfo('template_directory'); ?>/images/exc_point_24.png"> Please enter a name
</div>
<input type="submit" name="submit" id="submit-button" tabindex="5" value="<?php _e("Submit!", "byrne-systems"); ?>" /></form>
Javascript
function validateForm() {
var name = document.getElementById('author').value;
if (name==null || name=='') {
document.getElementById('speech-bubble').style.display='block';
return false;
}
}
您正在为字段id=author添加一些值,所以我猜这就是提交表单的原因。
您是否考虑过使用jQuery?这会让你的生活轻松很多。这里有一个非常流行的验证插件:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
相关文章:
- jQuery条件选择问题
- TaffyDB:选择问题
- 如何解决离子应用程序内的文本区域选择问题
- JQuery 动态选项 选择“问题”
- Chrome和Opera中的选项选择问题
- 剑道菜单选择问题
- Jquery日期id选择问题
- JQuery IE选择问题
- d3选择问题offsetParent为null
- Ext JS 4.2:复选框模型选择问题
- 创建Windows 8资源管理器模拟-鼠标选择问题
- Jquery json选择问题
- 选择插件:取消选择问题
- jQuery UI自动选择问题
- 自动完成-自定义renderItem/Menu和项目选择问题
- 关于选择问题
- IE8中jquery上传器(blueimp)的多文件选择问题IE9
- 从D3.js v3迁移到D3.js v4不工作-一个选择问题
- 带有ajax问题的复选框,用于选择或取消选择问题
- jQuery多类选择问题