<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- easyui的样式 -->
<link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
<!-- 小图标的样式 -->
<link rel="stylesheet" type="text/css" href="../jslib/jquery-easyui-1.3.1/themes/icon.css">
<script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
var loginAndRegDialog;
$(function(){
loginAndRegForm = $('#loginAndRegForm').form({
url : 'http://localhost:8001/sypro/userController/login.action',
success : function(r){
//返回的r是一个字符串，需要转换成json对象
r = jQuery.parseJSON(r);
if(r&&r.success){
$('#loginAndRegDialog').dialog('close');
$.messager.show({
title : '提示',
msg : r.msg
});
}else{
$.messager.alert('提示',r.msg);
}
}
});
loginAndRegForm.find('input').on('keyup', function(event) {/* 增加回车提交功能 */
if (event.keyCode == '13') {
loginAndRegForm.submit();
}
});
loginAndRegDialog = $('#loginAndRegDialog').dialog({
closable:false,
modal : true,
buttons : [{
text : '登录',
handler : function(){
loginAndRegForm.submit();
}
},{
text : '注册',
handler : function(){
alert("注册");
}
}]
});
});
</script>
</head>
<body>
<div id="loginAndRegDialog" class="easyui-dialog" title="用户登录" style="top:100px;width:400px;height:200px;">
<form id="loginAndRegForm" method="POST">
<table>
<tr>
<th>
用户名
</th>
<td>
<!-- easyui-validateBox进行输入校验 -->
<input name="name" class="easyui-validateBox" required="true" invalidMessage="用户名格式不正确" missingMessage="用户名不能为空"/>
</td>
</tr>
<tr>
<th>
密码
</th>
<td>
<input name="pwd" type="password" class="easyui-validateBox" required="true" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
相关推荐
主要介绍了jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法的相关资料,需要的朋友可以参考下
Easy UI form表单中的输入验证框和常用控件。如：validatebox增加对time、date、datetime的验证。两次输入密码一致的验证、自定义下拉框等
easyui validatebox 验证类型
easyui的validatebox可以进行邮件，电话，数字验证等
validateBox验证,对其中的底层代码进行了一下修改封装
主要介绍了jQuery插件EasyUI校验规则，主要介绍validatebox验证框，对validatebox进行校验规则扩展，使用jQuery EasyUI的朋友可以参考下。
Form 表单 Form 表单 ValidateBox 验证框 Combo 组合 ComboBox 组合框 ComboTree 组合树 ComboGrid 组合表格 NumberBox 数字框 DateBox 日期框 DateTimeBox 日期时间框 Calendar 日历 Spinner 微调器 ...
Form 表单 Form 表单 ValidateBox 验证框 Combo 组合 ComboBox 组合框 ComboTree 组合树 ComboGrid 组合表格 NumberBox 数字框 DateBox 日期框 DateTimeBox 日期时间框 Calendar 日历 Spinner 微调器 ...
NULL 博文链接：https://chaoyi.iteye.com/blog/2163404
该验证框可以结合form(表单)插件并防止表单重复提交。 2.练习1：验证输入字符长度及非空 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>validatebox</title> <...
最近做表单验证用了easyui form组件。又一次发现在测试表单都填写正确了但是调试表单的代码监测到调用form的”validate”方法总是返回false 最后查了一下原因在html中写的是easyui-validatebox但是在script中却又...
本文实例为大家分享了Jquery Easyui表单组件...form id=box method=post> <label for=name>Name: <input class=easyui-validatebox type=text name=name data-options=required:true /> <label f
自从1.3.2版本开始，validatebox自身已经支持多重校验了，例如： <input class="easyui-validatebox" data-options="required:true,validType:['email','length[0,20]']"> 方法二：（不太好用，试了半天...
用 $.fn.validatebox.defaults 重写了 defaults。 用法 代码如下: <input id=”vv” required=”true” validType=”email”> 代码如下: $(‘#vv’).validatebox({ required:true }); 验证规则 验证规则是通过...
jQuery EasyUI API 中文文档 - ValidateBox验证框，使用jQuery EasyUI的朋友可以参考下。
可以做：用户名验证，包括规定输入的类型：字母或者数字或者特殊户号、密码验证、电话号码格式、指定字符的最小长度和最大长度、输入合法的邮箱格式......
主要为大家详细介绍了Jquery Easyui自定义下拉框组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下