在 JavaScript 中使用验证引擎插件检查验证表单
Posted
技术标签:
【中文标题】在 JavaScript 中使用验证引擎插件检查验证表单【英文标题】:check validate forms with validationengine plugin in JavaScript 【发布时间】:2012-05-14 02:11:34 【问题描述】:我是 jQuery 验证插件 (validationengine) 的初学者。我写了这段代码
<head runat="server">
<title></title>
<link href="validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.6.min.js" type="text/javascript"></script>
<script src="jquery.validationEngine-fa.js" type="text/javascript"></script>
<script src="jquery.validationEngine.js" type="text/javascript"></script>
<script>
$(function ()
jQuery("#form1").validationEngine();
$("#Button1").click(function ()
alert("hhhhhhhhhhh");
);
);
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<asp:Button ID="Button2" runat="server" Text="Button" onclick="Button2_Click" />
<input id="Text1" type="text" class="validate[required] text-input" />
<input id="Button1" type="button" value="button" />
</div>
</form>
</body>
我希望当用户单击 Button1 时首先验证表单。如果表单在显示中是有效的警报,但是当用户单击按钮时通过此代码显示警报。
【问题讨论】:
【参考方案1】:试试这个
<script type="text/javascript">
$(document).ready(function ()
$("#form1").validationEngine();
$("#Button1").live('click', function ()
var valid = $("#form1").validationEngine('validate');
var vars = $("#form1").serialize();
if (valid == true)
alert("Hi");
else
$("#form1").validationEngine();
);
);
</script>
这也有效
<script type="text/javascript">
$(document).ready(function ()
$("#form1").validationEngine();
$("#Button1").click(function ()
var valid = $("#form1").validationEngine('validate');
var vars = $("#form1").serialize();
if (valid == true)
alert("Hi");
else
$("#form1").validationEngine();
);
);
【讨论】:
以上是关于在 JavaScript 中使用验证引擎插件检查验证表单的主要内容,如果未能解决你的问题,请参考以下文章
使用 JavaScript / jQuery 进行简单的数字验证