jQuery 加上最后自己的验证

2016-02-19 14:37 0 1 收藏

今天图老师小编给大家精心推荐个jQuery 加上最后自己的验证教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

代码如下:
$.validator.setDefaults({
submitHandler: function() {
if ($("#username").val() != "" && $("#password").val() != "") {
form1.submit();
}
else {
if ($("#password").val() == "") {
$("#password").focus();
}
if ($("#username").val() == "") {
$("#username").focus();
}
}
}
});

这段代码可以添加自定义的 jquery验证,而不必单一的依靠在标签中写 validation="{}", 或者是代码方式写验证规则,那样都会在要验证的控件后面写出错误信息。

来源:http://www.tulaoshi.com/n/20160219/1607366.html

延伸阅读
标签: Web开发
打包下载   代码如下: /* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ? arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ? arguments[1] :...
标签: Web开发
ASP.NET提供了丰富的数据验证控件,但这个验证功能都必须运用在服务器控件中;在复合验证数据时使用也不是很方便(虽然拖放控件很方便,但拖放数增多和设置相关属性就变得很麻烦的事情)。为了更方便灵活地实现验证功能,于是采用了JQuery编写了一个简单验证组件,在使用时只需要简单的描述一下验证规则,并不需要写一句JavaScript就可以实现具...
标签: Web开发
代码如下: %@ page language="java" pageEncoding="gbk"% html head titlejqueryValidateDemo/title script type="text/javascript" src="js/jquery.js"/script script type="text/javascript" src="js/jquery.validate.js"/script script type="text/javascript" $(function() { $("#login").validate({ rules:{ name:{ required...
标签: Web开发
messages_cn.js !--验证国际化,中文-- (不引用messages_cn.js是英文的提示,用了是中文) 代码如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a va...
标签: Web开发
应用背景 1.用户需要填写表单时。 2.页面采用服务器验证控件。 3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。 点击“增加服务内容”,显示新增表单项,如下图。 点击“取消增加”,隐藏新增表单项。 问题:用户点击下一步时,不对Display=none的新增区域表单进行验证,需要在用户点击“取消增加时”,...

经验教程

746

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部