使用fValidator库进行Javascript表单验证
程序员文章站
2022-03-01 14:51:56
...
code:
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/fValidator.js"></script>
<script type="text/javascript">
window.addEvent("domready", function() {
var myValidator = new fValidator("formId");
myValidator.register($("fieldId"), {type: "money", re: /^\$?([1-9]{1}[0-9]{0,2}(\,[0-9]{3})*(\.[0-9]{0,2})?|[1-9]{1}[0-9]{0,}(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|(\.[0-9]{1,2})?)$/, msg: "Please insert a valid amount of money"});
myValidator.register($("cEmail"),{type: "required", re: /^[[email protected]_-]{1,}$/i, msg: "Please enter a valid Username.(at least 1 character and cannot contain space)"});
});
</script>
<form id="formId" action="#" method="POST" enctype="text/plain">
<input id="fieldId" type="text" name="name" value=""/>
<input type="text" id="cEmail" value=""/>
<input type="text" name="name" value="" id="mm" class="fValidate['required']"/>
<input type="submit" name="submit" value="ok"/>
</form>
推荐阅读
-
wicket基础应用(1)--使用wicket对表单中的数据进行验证
-
AngularJS使用angular-formly进行表单验证
-
AngularJS使用ngMessages进行表单验证
-
使用JavaScript进行表单校验功能
-
使用AngularJS对表单提交内容进行验证的操作方法
-
JavaScript 使用正则表达式进行表单验证的示例代码
-
如何使用JavaScript和正则表达式进行数据验证
-
javascript中使用正则表达式进行字符串验证示例
-
JavaScript:17-正则表达式、正则表达式概述、正则表达式在js中的使用、正则表达式中特殊字符、表单验证、正则替换replace
-
Javascript使用integrity属性进行安全验证