form和validate示例

 1  //验证from表单
 2         $(function () {
 3             $("#addUserForm").validate({
 4                 rules: {
 5                     txtName: { required: true, rangelength: [2, 10] },
 6                     txtPwd: { required: true, rangelength: [2, 10] },
 7                     txtRePwd:{equalTo:"#txtPwd"}
 8                 },
 9                 messages: {
10                     txtName: { required: "用户名不能为空", rangelength: "用户名长度必须为2-10位" },
11                     txtPwd: { required: "用户名不能为空", rangelength: "用户名长度必须为2-10位" },
12                     txtRePwd:{equalTo:"两次输入的密码不一样"}
13                 }
14             });
15         });
16
17       //提交form表单
18         $(function () {
19             var options = {
20                 beforeSubmit: function () {
21                     alert("前");
22                 },
23                 success: function (data) {
24                     alert("后");
25                 }
26             }
27             $("#pwdForm").ajaxForm(options);
28         });
时间: 2024-10-10 12:45:35

form和validate示例的相关文章

DELPHI XE5 跨平台 Form ShowModal 官方示例

Calling ShowModal as an Anonymous Method on All Platforms procedure THeaderFooterForm.btnPickClick(Sender: TObject); var dlg: TForm1; begin dlg := TForm1.Create(nil); // select current value, if available in the list dlg.ListBox1.ItemIndex := dlg.Lis

Spring MVC-表单(Form)处理示例(转载实践)

以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_form_handling.htm 说明:示例基于Spring MVC 4.1.6. 以下示例显示如何使用Spring Web MVC框架编写一个使用HTML表单的基于Web的简单应用程序.首先,让我们使用Eclipse IDE,并按照以下步骤使用Spring Web Framework开发基于动态窗体的Web应用程序: 步骤 描述 1 创建一个名为HelloWeb的项目,在一个

(转)基于jQuery的form转json示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

easyui form validate总是返回false原因

最近做表单验证用了easyui form组件.又一次发现在测试表单都填写正确了但是调试表单的代码监测到调用form的"validate"方法总是返回false 最后查了一下原因在html中写的是easyui-validatebox但是在script中却又声明了$('#field1').combobox(); <form id="form1"> <input type="text" id="field1" cl

[Form Builder]Form中的validate验证事件

转:http://yedward.net/?id=70 Form的validate行为可以由一个总的form级别的validation属性来控制,可以通过set_form_property来设置成PROPERTY_TRUE 和 PROPERTY_FALSE.当程序的焦点离开当前validation_unit(验证单元)时候,就会触发该validation_unit的validate事件,Validation unit的级别又是通过form的validation unit属性来设置的,有以下属性值

jquery validate用法总结

jquery validate是本人用过的最好用的验证组件,但其文档写的真是不敢恭维,现将一些常见用法总结如下(持续更新). 1. js触发表单验证 //触发整个表单的验证 $('form').valid() //触发单个元素的验证 $("#form1").validate().element($("#salary")) 2. 不用form的submit提交,用js提交 //绑定form的validate $("#form").validate(

ExtJs 第二章,Ext.form.Basic表单操作

1.认识Ext.form.Panel表单面板         Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 checkboxgroup Ext.form.field.ComboBox 下拉列表框 combo Ext.form.field.Date 日期选择框 datefield Ext.form.field.Display 文本展示组件 displayfield Ext.form.FieldContai

Struts2 Validate

1.自定义action继承ActionSupport 2.复写validate方法,因为ActionSupport实现了Validate这个借口,而这个借口中定义了validate方法 3.当请求时,先执行validate这个方法,然后再执行自己请求的方法 添加:<%@ taglib uri="/struts-tags" prefix="s" %>     引入struts2标签库 请求url <s:form action="valida

jquery.validate验证表单,自己的js提交数据,返回json

$.metadata.setType("attr", "vld"); $.validator.addMethod("username", function(value) { var p = /^[0-9a-zA-Z\u4e00-\u9fa5\.\[email protected]_]+$/; return p.exec(value) ? true : false; }, "Please enter only letters,digits