validationEngine

最新推荐文章于 2025-06-10 10:51:14 发布

iteye_10461

最新推荐文章于 2025-06-10 10:51:14 发布

阅读量293

点赞数

CC 4.0 BY-SA版权

分类专栏： java web

本文链接：https://blog.youkuaiyun.com/iteye_10461/article/details/82444252

java web 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用jQuery Validation Engine插件进行表单验证的方法，确保所有输入都符合预期的要求。文章详细解释了如何设置验证规则，包括即时验证和错误提示位置等配置选项。此外，还提供了一种使用button类型元素而非submit按钮来控制表单提交的技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考
[url]http://blog.youkuaiyun.com/jielione/article/details/7758321[/url]

必須有一個submit按鈕，還有，如果是服務器端控件，需要加上頁面驗證屬性。


<script>     
        $(document).ready(function() {   
            $("#formID").validationEngine({   
            validationEventTriggers:"blur",  //触发的事件  validationEventTriggers:"keyup blur",   
            inlineValidation: true,//是否即时验证，false为提交表单时验证,默认true   
            success :  false,//为true时即使有不符合的也提交表单,false表示只有全部通过验证了才能提交表单,默认false   
            promptPosition: "topRight",//提示所在的位置，topLeft, topRight, bottomLeft,  centerRight, bottomRight   
            //failure : function() { alert("验证失败，请检查。");  }//验证失败时调用的函数   
            //success : function() { callSuccessFunction() },//验证通过时调用的函数   
            });   
        });

按钮类型为button也能验证，出错不提交的方法：经过验证，下面方法正确
如果你的Button类型都是type="button"
可写一个click事件，当触发你想验证表单的button时，提交表单，$("form").submit();这样方可达到你想要的效果