提交时未运行验证脚本
on submit not running validation script
如果这个问题在其他地方得到了回答,我深表歉意(我之前检查过,但找不到答案)。
问题似乎是,当我单击提交时,验证脚本没有运行。
这是代码:
window.onload = function() {
document.forms[0].onsubmit = validForm;
}
function validForm() {
var allGood = true;
var allTags = document.forms[0].getElementsByTagName("*");
for (var i=0; i<allTags.length; i++) {
if(!validTag(allTags[i])) {
allGood = false;
}
}
return allGood;
function validTag(thisTag) {
var outClass = "";
var allClasses = thisTag.className.split(" ");
for (var j=0; j<allClasses.length; j++) {
outClass += validBasedOnClass(allClasses[j]) + " ";
}
thisTag.className = outClass;
if (outClass.indexOf("invalid") > -1) {
thisTag.focus();
if (thisTag.nodeName == "INPUT") {
thisTag.select();
}
return false;
}
return true;
function validBasedOnClass(thisClass) {
var classBack = "";
switch(thisClass) {
case "":
case "invalid":
break;
case "reqd":
if(allGood && thisTag.value == "") {
classBack = "invalid";
}
classBack += thisClass;
break;
default:
classBack += thisClass;
}
return classBack;
}
}
}
input.invalid {
background-color: yellow;
border: 1px solid red!important;
}
<form action="#" id=quote-generator>
<input type=number step=1 placeholder=Distance id=distance class=reqd autofocus>
<input type=text value="Running Cost" id=fuelPrice onFocus="this.blur()" readonly><span id=aside title="This value is calculated by the AA & is updated every 3 months">*</span>
</form>
<input type=submit value="Submit" form=quote-generator onclick="formQuote()">
这是一把小提琴。
您正试图调用未定义的函数formQuote
,请将其更改为validForm
,该函数用于验证表单
看看这个工作小提琴:https://jsfiddle.net/jrx5uhju/1/
代码:
<input type=submit value="Submit" form=quote-generator onclick="validForm()">
ReferenceError:formQuote未定义
<input type=submit value="Submit" form=quote-generator onclick="validForm()">
相关文章:
- 提交时未运行验证脚本
- Jquery表单验证脚本问题
- 如何使此表单验证脚本在返回之前循环通过整个表单部分
- jquery 验证脚本的类型错误
- 更新到以前的验证脚本(学校项目)
- 新鲜的MVC 3项目给了我奇怪的不显眼的验证脚本错误
- 我的验证脚本无法正常工作
- 将警报DIV添加到验证脚本(jquery / javascript)
- 需要帮助在没有提交按钮的情况下触发 jQueryTools 验证脚本
- 提交时未运行验证脚本
- 密码验证脚本不工作
- 选择下拉菜单的单个验证脚本
- 有什么方法可以绑定'任何'通过身份验证脚本重定向(链接/刷新等)
- 我们可以在一个文件中同时使用JavaScript和PHP表单验证脚本吗?
- Javascript迷你验证脚本
- 表单验证脚本使用正则表达式检查跨换行符的多个关键字
- 需要年份范围验证脚本或jquery
- 如何使用php身份验证脚本作为CouchDB的代理,同时仍然保持完整的REST API功能?
- Jquery表单验证脚本
- 验证脚本丢失字符