【jquery ui】怎么用jquery ui的验证表单？

比如我要验证Email的或者长度的，要怎么用？在网上找了很久也没找到比较好的中文帮助文档。谁能给个？... 比如我要验证Email的或者长度的，要怎么用？在网上找了很久也没找到比较好的中文帮助文档。谁能给个？展开

 我来答

5个回答

#合辑# 机票是越早买越便宜吗？

了孑子虚
2013-04-03 · 超过18用户采纳过TA的回答

知道答主

回答量：48

采纳率：0%

帮助的人：36.8万

我也去答题访问个人页

关注

展开全部

//输入框获取焦点后
$("#txtMailAddr").focus(function(){
$("#txtMailAddrShow").html("请输入邮箱，邮箱不能为空");
}).blur(function(){ //输入框失去焦点后
var nameVal = $(this).val(); //获取输入的值
var trimNameVal = $.trim(nameVal); //去掉值两边空格
if(trimNameVal != ""){
var valid = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; //邮箱正则表达式
var flag = valid.test(trimNameVal); //判断邮箱格式
// alert(flag);
if(flag){
$("#txtMailAddrShow").html("邮箱正确");
flag5 = true;
}else{
$("#txtMailAddrShow").html("邮箱格式不正确，请输入正确的邮箱");
// $(this).focus();
}
// alert(trimNameVal);
}else{
$("#txtMailAddrShow").html("邮箱不能为空");
// $(this).focus();
}
});

已赞过 已踩过<

评论收起

北京勤哲软件技术

广告2024-12-12

勤哲Excel服务器软件2024，用Excel自动生成基于web，移动APP和PC的电子表格报表。软博会金奖产品，适合于各行各业的管理人员使用。

www.qinzhe.com

匿名用户
2013-04-04

展开全部

参考示例：在输入框内输入信息。
如果框内信息为空，会出现提示：登陆邮箱不能为空！(红色文字)
如果框内信息格式不为邮箱格式，会出现提示：请输入常用邮箱！(红色文字)
如果框内信息格式为正确邮箱格式，会出现提示：你输入的邮箱格式正确 (绿色文字)
此测试由两个函数构成，checkEmail函数用来检测邮箱格式，test函数用来测试输入框内信息。
拷贝下代码可直接浏览效果。可根据具体需要进行修改

<!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-Type" content="text/html; charset=utf-8" />
<title>WEB STARTING --- 验证邮箱</title>
<script type="text/javascript" src=" http://code.jquery.com/jquery-latest.min.js"></script>
<script language="javascript" type="text/javascript">
//验证邮箱，正确返回true，错误返回false
function checkEmail(email){
var emailRegExp = new RegExp( "[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?");
if (!emailRegExp.test(email)||email.indexOf('.')==-1){
return false;
}else{
return true;
}
}
//验证输入框内信息，并给出对应提示
function test(obj){
if(obj=="mail"){
var email=$.trim($("input[name='mail']").val());
if(email==""){
$("#tishi_mail").html("<p>登陆邮箱不能为空！</p>");
$("#tishi_mail p").addClass("tsTxt_error");
}else{
if(!checkEmail(email)){
$("#tishi_mail").html("<p>请输入常用邮箱！</p>");
$("#tishi_mail p").addClass("tsTxt_error");
}else{
$("#tishi_mail").html("<p>你输入的邮箱格式正确</p>");
$("#tishi_mail p").addClass("tsTxt");
};
}

}
};
</script>
<style type="text/css">
body{color:#fff;font-weight:bold;background:#333}
.tsTxt_error{width:200px;height:20px;line-height:20px;color:#F00;padding:0 10px;}
.tsTxt{width:200px;height:20px;line-height:20px;color:#0C0;padding:0 10px;}
</style>
</head>

<body>
<p>在此框内输入邮箱地址，点击框外会出现会出现对应测试信息</p>
<input type="text" class="kuang" name="mail" onblur="test('mail')" value="输入你的邮箱" onfocus="if(value=='输入你的邮箱'){value=''}" id="input_mail" />
<div id="tishi_mail"></div>
<a
</body>
</html>

已赞过 已踩过<

评论收起

随性亻
推荐于2016-08-09 · TA获得超过4180个赞

知道小有建树答主

回答量：4622

采纳率：84%

帮助的人：632万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

匿名用户
2013-04-04

展开全部

/*$(document).ready(function() { $("#form1").validate({ rules: { firstname: "required", email: { required: true, email: true } } }); });*/ function checkemail() { alert(<%=GetUserID() %>); var temp = document.getElementById("txtEMail"); var reg = /(\S)+[@]{1}(\S)+[.]{1}(\w)+/; var myreg = new RegExp(reg); if (temp.value != "") { if (!myreg.test(temp.value)) { alert('提示\n\n请输入有效的E_mail！'); form1.email.value = ""; form1.email.focus(); return false; } } }