Javascript表单验证器没有提交 [英] Javascript form validiator without submit
本文介绍了Javascript表单验证器没有提交的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
您好，
我正在使用gen_validatorv4表单验证方法来验证表单值。但是，我在Javascript中制作了一个小型计算器，我不提交表单，按下按钮，计算出的值显示在提交表单的框中。
问题是，这个表单验证器显然只在onsubmit事件被触发时才会生效。有没有办法让表格得到验证而不会在提交的情况下进行验证？
请帮助！
谢谢： ）
Hello,
I''m using the "gen_validatorv4" form validiation method to validiate form values. However, I''m making a tiny calculator in Javascript, in which I don''t submit form, I press on a button and the calculated values appear in a box whtout the form being submitted.
The problem is, that this form validiator apparently only comes into action when the onsubmit event is trigerred. Is there a way to get the form validiated without trigerring onsubmit?
Please help!
Thanks :)
推荐答案
<head>
<script type="text/javascript">
function validateData() {
try {
var data1 = document.getElementById("txt1").value;
if (data1 == "submit") {
document.getElementById("Form1").submit();
}
else {
document.getElementById("div1").innerHTML = "You have said " + data1;
}
}
catch (err) {
document.getElementById("div1").innerHTML = err.Message;
}
}
</script>
</head>
<body>
<form id="Form1">
If you want to submit, type the word: submit <br />
<input id="Text1" name="txt1" type="text" />
<div id="div2"></div>
<input type="button" önclick="javascript:validateData();" value="Validate Text" />";
</form>
</body>
另一方面，这是一个简单的计算器
On a different note here is a simple calculator
<!DOCTYPE html>
<html>
<head>
<title>Simple Calculator</title>
<style type="text/css">
#cntr {
border: 1px solid black;
display: inline-block;
position: absolute;
font-size: 50px;
}
button {
width: 2em;
font-size: 50px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var d;
var val1 = 0;
var val = 0;
var op = '';
（ document ）。ready（ function （） {
d = document .getElementById（ disp ）;
var cntr =
(document).ready(function() { d = document.getElementById("disp"); var cntr =
这篇关于Javascript表单验证器没有提交的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
