-
jquery validate 让普通按钮 代替 submit 来激发表单验证0
jquery validate 当中
我想自定义一个普通按钮来代替submit来激发验证，如何实现。2012年9月25日 15:58
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
采纳的答案
//校验字段是否正确
function check(){
// 联系电话(手机/电话皆可)验证
jQuery.validator.addMethod("isPhone", function(value,element) {
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
var tel = /^\d{3,4}-?\d{7,9}$/;
return this.optional(element) || (tel.test(value) || mobile.test(value));
}, "请正确填写您的联系电话");
/*关键在这儿，返回的是一个validate对象，这个对象有一个form方法，返回的是是否通过验证*/
return $("#addDeptForm").validate({
rules:{
dname:{
required:true,
maxlength: 15,
minlength: 2
},
tel:{
required:true,
isPhone: true
}
},
messages:{
dname:{
required:"名称不能为空",
minlength: "名称长度不能少于2位",
maxlength: "名称长度不能大于15位"
},
tel:{
required:"联系方式不能为空",
}
}
});
}
$(function(){
$("#addBut").click(function(){
if(!check().form()) return;
var data = formToRequestString($("#addDeptForm").get(0));
$.ajax({
type: "POST",
url: "dept.do?method=addHandler",
data: data,
dataType: 'text',
success: function(msg){
//alert(msg);
var msg = eval("("+msg+")");
if(msg.result == "success"){
$("#addDeptForm").get(0).reset();
}
alert(msg.msg);
},
error: function(){
alert("无法连接数据库");
}
});
});
});2012年9月25日 21:13
-
普通按钮触发onclick
document.forms["formname"].submit();
formname为from的name属性的值2012年9月25日 16:21
相关推荐
以上就是jQuery Validate的基本使用和核心概念，通过熟练掌握这些，你可以轻松实现高效且用户友好的表单验证。记住，始终要关注用户体验，避免过于繁琐的验证过程，同时确保数据安全性和准确性。
在本文中，我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单，进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库，它为HTML表单提供了灵活且易于使用的验证规则，确保用户输入...
jQuery Validate插件作为一款强大的JavaScript验证工具，广泛应用于各种表单验证场景，包括手机注册表单验证。本文将深入探讨jQuery Validate插件的使用方法，以及如何将其应用于手机注册表单的验证。 一、jQuery ...
在本文中，我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先，我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式，但这些样式可能不能满足所有设计...
`jQuery Validate`是基于`jQuery`的一个插件，专门用于实现客户端的表单验证，它可以高效且易于地实现对数字、字数、必填项等各种类型的验证。 在"jquery表单验证实例，对数字，字数，必填项等校验"这个项目中，...
jQuery Validate插件是前端开发中用于表单验证的常用JavaScript库，它能够方便地集成到jQuery项目中，并提供了一套丰富的验证规则和方法。通过该插件，开发者可以快速实现对表单输入数据的验证，确保数据的准确性和...
jQuery Validate Plugin通过监听表单事件，如`submit`，并在验证失败时阻止表单提交。`element()`方法用于验证单个元素，`valid()`方法用于验证整个表单。源码中包含了各种验证规则和错误处理机制，开发者可以根据...
总结来说，jQuery Validate插件提供了强大的表单验证功能，它简化了前端验证的实现，使得开发者能更专注于业务逻辑。通过学习和掌握jQuery Validate，我们可以为用户提供更加友好、安全的表单交互体验。在实际项目中...
jQuery.validate插件便是为此而生，它提供了丰富的功能来简化前端表单验证的过程。 #### 一、插件简介与引入 jQuery.validate是一个基于jQuery的表单验证框架，它能够帮助开发者快速实现各种复杂的表单验证逻辑。...
总的来说，jQuery Validate插件提供了强大的表单验证功能，可以帮助开发者轻松创建出符合业务需求的注册表单。结合其丰富的验证规则、自定义方法和异步验证，能够极大地提高表单的用户体验。在实际项目中，根据具体...
总的来说，jQuery Validate插件为开发者提供了一种简单、灵活的方式来处理表单验证，大大简化了前端验证的复杂度，使得会员信息注册表单的验证变得更加容易。通过合理配置，我们可以确保用户输入的数据符合我们的...
总结来说，jQuery Validate是实现高效、灵活和可维护的表单验证的优秀选择。其丰富的验证规则、便捷的错误处理机制和良好的扩展性，使得它在前端开发中被广泛应用。通过深入学习和实践，开发者可以轻松创建出符合...
总结来说，`jQuery Validate` 是一个强大且灵活的客户端验证工具，可以帮助开发人员构建更加健壮和用户友好的表单。通过深入理解其配置选项和API，我们可以创建出满足各种业务需求的验证逻辑。这个压缩包中的示例和...
jQuery Validate插件正是这样一个强大的工具，它提供了一种优雅的方式来实现表单验证，而且具备动态提示的动画效果，使得用户界面更加友好。本文将深入探讨jQuery Validate插件的使用方法、功能特性以及如何创建带...
jQuery Validate插件是用于在客户端进行表单验证的强大工具，它提供了丰富的验证规则和自定义方法，使得用户在提交表单前可以即时检测输入数据的有效性，大大提升了用户体验。该插件是jQuery库的一个扩展，通过简单...
`jQuery Validate` 是一个强大的 JavaScript 库，专为 jQuery 框架设计，用于实现高效、灵活且易于使用的表单验证。它可以帮助开发者创建各种复杂的验证规则，确保用户输入的数据符合预设的要求，从而提高网站的安全...
jQuery Validate 是一个基于 jQuery 库的客户端验证插件，它为HTML表单提供了一套强大且灵活的验证机制。在Web开发中，确保用户输入的数据符合预期格式和要求至关重要，而jQuery Validate则提供了简单易用的API来...
在你提供的标题“extend jQuery validate myValidate 表单验证”中，我们可以推测你可能在尝试扩展默认的jQuery Validate功能，创建一个名为"myValidate"的自定义验证方法。扩展jQuery Validate库是常见的需求，以便...
《jQuery Validate 1.8.1：前端表单验证的利器》 在Web开发中，表单验证是一项不可或缺的功能，它能确保用户输入的数据符合预设的规则，从而提高用户体验并减少服务器端的压力。jQuery Validate插件是JavaScript库...
`jQuery Validate` 可以阻止未通过验证的表单提交，但你还需要设置提交事件的处理程序来处理成功提交的情况： ```javascript $("#myForm").submit(function(e) { if ($(this).valid()) { // 表单数据通过验证，...