简单JS自定义验证提示效果

最新推荐文章于 2019-10-15 11:38:09 发布
最新推荐文章于 2019-10-15 11:38:09 发布
阅读量167 收藏
点赞数
文章标签： XHTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_20289/article/details/82066593
版权
<!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=gb2312" />
<title>FormValid Demo3 自定义错误信息显示方式2</title>
<script language="JavaScript" type="text/javascript">
var FormValid = function(frm) {
this.frm = frm;
this.errMsg = new Array();
this.errName = new Array();

this.required = function(inputObj) {
if (typeof(inputObj) == "undefined" || inputObj.value.trim() == "") {
return false;
}
return true;
}

this.eqaul = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('eqaulName')];

if (fstObj != null && sndObj != null) {
if (fstObj.value != sndObj.value) {
return false;
}
}
return true;
}

this.gt = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('eqaulName')];

if (fstObj != null && sndObj != null && fstObj.value.trim()!='' && sndObj.value.trim()!='')

{
if (fstObj.value <= sndObj.value) {
return false;
}
}
return true;
}

this.compare = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('objectName')];
if (fstObj != null && sndObj != null && fstObj.value.trim()!='' && sndObj.value.trim()!='')

{
if (!eval('fstObj.value' + inputObj.getAttribute('operate') + 'sndObj.value')) {
return false;
}
}
return true;
}

this.limit = function (inputObj) {
var len = inputObj.value.length;
if (len) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 0;
maxv = maxv || Number.MAX_VALUE;
return minv <= len && len <= maxv;
}
return true;
}

this.range = function (inputObj) {
var val = parseInt(inputObj.value);
if (inputObj.value) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 0;
maxv = maxv || Number.MAX_VALUE;

return minv <= val && val <= maxv;
}
return true;
}

this.requireChecked = function (inputObj) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 1;
maxv = maxv || Number.MAX_VALUE;

var checked = 0;
var groups = document.getElementsByName(inputObj.name);

for(var i=0;i<groups.length;i++) {
if(groups[i].checked) checked++;

}
return minv <= checked && checked <= maxv;
}

this.filter = function (inputObj) {
var value = inputObj.value;
var allow = inputObj.getAttribute('allow');
if (value.trim()) {
return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g,

allow.split(/\s*,\s*/).join("|")), "gi").test(value);
}
return true;
}

this.isNo = function (inputObj) {
var value = inputObj.value;
var noValue = inputObj.getAttribute('noValue');
return value!=noValue;
}
this.checkReg = function(inputObj, reg, msg) {
inputObj.value = inputObj.value.trim();

if (inputObj.value == '') {
return;
} else {
if (!reg.test(inputObj.value)) {
this.addErrorMsg(inputObj.name,msg);
}
}
}

this.passed = function() {
if (this.errMsg.length > 0) {
FormValid.showError(this.errMsg,this.errName);
frt = document.getElementsByName(this.errName[0])[0];

if (frt.type!='radio' && frt.type!='checkbox') {
frt.focus();
}
return false;
} else {
return true;
}
}

this.addErrorMsg = function(name,str) {
this.errMsg.push(str);
this.errName.push(name);
}

this.addAllName = function(name) {
FormValid.allName.push(name);
}

}
FormValid.allName = new Array();
FormValid.showError = function(errMsg) {
var msg = "";
for (i = 0; i < errMsg.length; i++) {
msg += "- " + errMsg[i] + "\n";
}

alert(msg);
}
function validator(frm) {
var formElements = frm.elements;
var fv = new FormValid(frm);

for (var i=0; i<formElements.length;i++) {
var validType = formElements[i].getAttribute('valid');
var errorMsg = formElements[i].getAttribute('errmsg');
if (validType==null) continue;
fv.addAllName(formElements[i].name);

var vts = validType.split('|');
var ems = errorMsg.split('|');
for (var j=0; j<vts.length; j++) {
var curValidType = vts[j];
var curErrorMsg = ems[j];

switch (curValidType) {
case 'isNumber':
case 'isEmail':
case 'isPhone':
case 'isMobile':
case 'isIdCard':
case 'isMoney':
case 'isZip':
case 'isQQ':
case 'isInt':
case 'isEnglish':
case 'isChinese':
case 'isUrl':
case 'isDate':
case 'isTime':
fv.checkReg(formElements[i],RegExps

[curValidType],curErrorMsg);
break;
case 'regexp':
fv.checkReg(formElements[i],new RegExp

(formElements[i].getAttribute('regexp'),"g"),curErrorMsg);
break;
case 'custom':
if (!eval(formElements[i].getAttribute('custom')

+'(formElements[i],formElements)')) {
fv.addErrorMsg(formElements

[i].name,curErrorMsg);
}
break;
default :
if (!eval('fv.'+curValidType+'(formElements

[i],formElements)')) {
fv.addErrorMsg(formElements

[i].name,curErrorMsg);
}
break;
}
}
}
return fv.passed();
}
String.prototype.trim = function() {
return this.replace(/^\s*|\s*$/g, "");
}
var RegExps = function(){};
RegExps.isNumber = /^[-\+]?\d+(\.\d+)?$/;
RegExps.isEmail = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]

{2,4}|[0-9]{1,3})(\]?)/;
RegExps.isPhone = /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d

{1,4})?$/;
RegExps.isMobile = /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/;
RegExps.isIdCard = /(^\d{15}$)|(^\d{17}[0-9Xx]$)/;
RegExps.isMoney = /^\d+(\.\d+)?$/;
RegExps.isZip = /^[1-9]\d{5}$/;
RegExps.isQQ = /^[1-9]\d{4,10}$/;
RegExps.isInt = /^[-\+]?\d+$/;
RegExps.isEnglish = /^[A-Za-z]+$/;
RegExps.isChinese = /^[\u0391-\uFFE5]+$/;
RegExps.isUrl = /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
RegExps.isDate = /^\d{4}-\d{1,2}-\d{1,2}$/;
RegExps.isTime = /^\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}:\d{1,2}$/;
</script>
<script type="text/javascript">
FormValid.showError = function(errMsg) {
var msg = '';
for (key in errMsg) {
msg += errMsg[key] + '<br>';
}
document.getElementById('errorMsg').innerHTML = msg;
}
</script>
<script type="text/javascript">
FormValid.showError = function(errMsg,errName) {
for (key in FormValid.allName) {
document.getElementById('errMsg_'+FormValid.allName[key]).innerHTML =

'';
}
for (key in errMsg) {
document.getElementById('errMsg_'+errName[key]).innerHTML = errMsg

[key];
}
}
</script>
</head>

<body><h2>FormValid Demo3 自定义错误信息显示方式2</h2>
<table width="400" border="0" cellpadding="3" cellspacing="0">
<form id="form1" name="form1" method="post" οnsubmit="return validator(this)" action="">
<tr>
<td width="100">用户名：</td>
<td><input name="username" type="text" valid="required" errmsg="用户名不能为空!"

/><span id="errMsg_username" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>密码</td>
<td><input name="passwd" type="password" id="passwd" valid="required" errmsg="密码

不能为空!" /><span id="errMsg_passwd" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>重复密码</td>
<td><input name="passwd2" type="password" id="passwd2" valid="eqaul"

eqaulName="passwd" errmsg="两次密码不同!" /><span id="errMsg_passwd2"

style="color:#FF0000"></span></td>
</tr>
<tr>
<td>Email</td>
<td><input name="Email" type="text" id="Email" valid="required|isEmail" errmsg="Email不

能为空|Email格式不对!" /><span id="errMsg_Email" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>手机</td>
<td><input name="mobile" type="text" id="mobile" valid="isMobile" errmsg="手机格式不

对!" /><span id="errMsg_mobile" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>生日</td>
<td><input name="birthday" type="text" id="birthday" valid="isDate" errmsg="生日格式不

对!" /><span id="errMsg_birthday" style="color:#FF0000"></span></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="提交" /></td>
</tr>
</form>
</table>
<div id="errorMsg" style="width:400px; color:#FF0000" align="center"> </div>
</body>
</html>

<!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=gb2312" />
<title>FormValid Demo3 自定义错误信息显示方式2</title>
<script language="JavaScript" type="text/javascript">
var FormValid = function(frm) {
this.frm = frm;
this.errMsg = new Array();
this.errName = new Array();

this.required = function(inputObj) {
if (typeof(inputObj) == "undefined" || inputObj.value.trim() == "") {
return false;
}
return true;
}

this.eqaul = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('eqaulName')];

if (fstObj != null && sndObj != null) {
if (fstObj.value != sndObj.value) {
return false;
}
}
return true;
}

this.gt = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('eqaulName')];

if (fstObj != null && sndObj != null && fstObj.value.trim()!='' && sndObj.value.trim()!='')

{
if (fstObj.value <= sndObj.value) {
return false;
}
}
return true;
}

this.compare = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('objectName')];
if (fstObj != null && sndObj != null && fstObj.value.trim()!='' && sndObj.value.trim()!='')

{
if (!eval('fstObj.value' + inputObj.getAttribute('operate') + 'sndObj.value')) {
return false;
}
}
return true;
}

this.limit = function (inputObj) {
var len = inputObj.value.length;
if (len) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 0;
maxv = maxv || Number.MAX_VALUE;
return minv <= len && len <= maxv;
}
return true;
}

this.range = function (inputObj) {
var val = parseInt(inputObj.value);
if (inputObj.value) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 0;
maxv = maxv || Number.MAX_VALUE;

return minv <= val && val <= maxv;
}
return true;
}

this.requireChecked = function (inputObj) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 1;
maxv = maxv || Number.MAX_VALUE;

var checked = 0;
var groups = document.getElementsByName(inputObj.name);

for(var i=0;i<groups.length;i++) {
if(groups[i].checked) checked++;

}
return minv <= checked && checked <= maxv;
}

this.filter = function (inputObj) {
var value = inputObj.value;
var allow = inputObj.getAttribute('allow');
if (value.trim()) {
return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g,

allow.split(/\s*,\s*/).join("|")), "gi").test(value);
}
return true;
}

this.isNo = function (inputObj) {
var value = inputObj.value;
var noValue = inputObj.getAttribute('noValue');
return value!=noValue;
}
this.checkReg = function(inputObj, reg, msg) {
inputObj.value = inputObj.value.trim();

if (inputObj.value == '') {
return;
} else {
if (!reg.test(inputObj.value)) {
this.addErrorMsg(inputObj.name,msg);
}
}
}

this.passed = function() {
if (this.errMsg.length > 0) {
FormValid.showError(this.errMsg,this.errName);
frt = document.getElementsByName(this.errName[0])[0];

if (frt.type!='radio' && frt.type!='checkbox') {
frt.focus();
}
return false;
} else {
return true;
}
}

this.addErrorMsg = function(name,str) {
this.errMsg.push(str);
this.errName.push(name);
}

this.addAllName = function(name) {
FormValid.allName.push(name);
}

}
FormValid.allName = new Array();
FormValid.showError = function(errMsg) {
var msg = "";
for (i = 0; i < errMsg.length; i++) {
msg += "- " + errMsg[i] + "\n";
}

alert(msg);
}
function validator(frm) {
var formElements = frm.elements;
var fv = new FormValid(frm);

for (var i=0; i<formElements.length;i++) {
var validType = formElements[i].getAttribute('valid');
var errorMsg = formElements[i].getAttribute('errmsg');
if (validType==null) continue;
fv.addAllName(formElements[i].name);

var vts = validType.split('|');
var ems = errorMsg.split('|');
for (var j=0; j<vts.length; j++) {
var curValidType = vts[j];
var curErrorMsg = ems[j];

switch (curValidType) {
case 'isNumber':
case 'isEmail':
case 'isPhone':
case 'isMobile':
case 'isIdCard':
case 'isMoney':
case 'isZip':
case 'isQQ':
case 'isInt':
case 'isEnglish':
case 'isChinese':
case 'isUrl':
case 'isDate':
case 'isTime':
fv.checkReg(formElements[i],RegExps

[curValidType],curErrorMsg);
break;
case 'regexp':
fv.checkReg(formElements[i],new RegExp

(formElements[i].getAttribute('regexp'),"g"),curErrorMsg);
break;
case 'custom':
if (!eval(formElements[i].getAttribute('custom')

+'(formElements[i],formElements)')) {
fv.addErrorMsg(formElements

[i].name,curErrorMsg);
}
break;
default :
if (!eval('fv.'+curValidType+'(formElements

[i],formElements)')) {
fv.addErrorMsg(formElements

[i].name,curErrorMsg);
}
break;
}
}
}
return fv.passed();
}
String.prototype.trim = function() {
return this.replace(/^\s*|\s*$/g, "");
}
var RegExps = function(){};
RegExps.isNumber = /^[-\+]?\d+(\.\d+)?$/;
RegExps.isEmail = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]

{2,4}|[0-9]{1,3})(\]?)/;
RegExps.isPhone = /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d

{1,4})?$/;
RegExps.isMobile = /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/;
RegExps.isIdCard = /(^\d{15}$)|(^\d{17}[0-9Xx]$)/;
RegExps.isMoney = /^\d+(\.\d+)?$/;
RegExps.isZip = /^[1-9]\d{5}$/;
RegExps.isQQ = /^[1-9]\d{4,10}$/;
RegExps.isInt = /^[-\+]?\d+$/;
RegExps.isEnglish = /^[A-Za-z]+$/;
RegExps.isChinese = /^[\u0391-\uFFE5]+$/;
RegExps.isUrl = /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
RegExps.isDate = /^\d{4}-\d{1,2}-\d{1,2}$/;
RegExps.isTime = /^\d{4}-\d{1,2}-\d{1,2}\s\d{1,2}:\d{1,2}:\d{1,2}$/;
</script>
<script type="text/javascript">
FormValid.showError = function(errMsg) {
var msg = '';
for (key in errMsg) {
msg += errMsg[key] + '<br>';
}
document.getElementById('errorMsg').innerHTML = msg;
}
</script>
<script type="text/javascript">
FormValid.showError = function(errMsg,errName) {
for (key in FormValid.allName) {
document.getElementById('errMsg_'+FormValid.allName[key]).innerHTML =

'';
}
for (key in errMsg) {
document.getElementById('errMsg_'+errName[key]).innerHTML = errMsg

[key];
}
}
</script>
</head>

<body><h2>FormValid Demo3 自定义错误信息显示方式2</h2>
<table width="400" border="0" cellpadding="3" cellspacing="0">
<form id="form1" name="form1" method="post" οnsubmit="return validator(this)" action="">
<tr>
<td width="100">用户名：</td>
<td><input name="username" type="text" valid="required" errmsg="用户名不能为空!"

/><span id="errMsg_username" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>密码</td>
<td><input name="passwd" type="password" id="passwd" valid="required" errmsg="密码

不能为空!" /><span id="errMsg_passwd" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>重复密码</td>
<td><input name="passwd2" type="password" id="passwd2" valid="eqaul"

eqaulName="passwd" errmsg="两次密码不同!" /><span id="errMsg_passwd2"

style="color:#FF0000"></span></td>
</tr>
<tr>
<td>Email</td>
<td><input name="Email" type="text" id="Email" valid="required|isEmail" errmsg="Email不

能为空|Email格式不对!" /><span id="errMsg_Email" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>手机</td>
<td><input name="mobile" type="text" id="mobile" valid="isMobile" errmsg="手机格式不

对!" /><span id="errMsg_mobile" style="color:#FF0000"></span></td>
</tr>
<tr>
<td>生日</td>
<td><input name="birthday" type="text" id="birthday" valid="isDate" errmsg="生日格式不

对!" /><span id="errMsg_birthday" style="color:#FF0000"></span></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="提交" /></td>
</tr>
</form>
</table>
<div id="errorMsg" style="width:400px; color:#FF0000" align="center"> </div>
</body>
</html>
iteye_20289
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现弹窗登录及参数校验
∑
12-13 1001
代码： <%-- Created by IntelliJ IDEA. User: 黄秋平 Date: 2019/11/27 Time: 16:18 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;char...
一个流行且实用的JS表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写FormValid.showError类方法来实现错误显示方式自定义： errMsg 是一个错误消息的数组，这样方便自定
11-07 5424
表单验证提示效果 body{ color:#666666; font-size:12px} h1{ font-size:20px;} input{ border:#999999 1px solid; background-color:#FFFFEE} .button2{ background-color:#FF9900; border-bottom:#E34A00 2px solid;
js表单验证（含自定义）
03-09
提交表单前进行js的form表单验证，包含自定义的验证
基于原生js的from表单验证插件
05-01
这是一个基于原生js的from表单验证插件，里面保护了js逻辑运算的使用和模块化探测
jquery 表单验证大全并以弹出形式提示信息
09-05
jquery 表单验证大全并以弹出形式提示信息
实用的JS表单验证提示效果
10-29
总结来说，这个JS表单验证提示效果实例展示了如何使用JavaScript进行自定义的表单验证，并通过`FormValid.showError`方法定制错误信息的显示方式。利用`errMsg`和`errName`数组，我们可以灵活地管理错误消息和关联的...
Js自定义多选框效果的实例代码
10-19
本文将深入探讨如何使用JavaScript实现自定义多选框的效果，这对于提升用户体验和美化网页界面至关重要。 首先，我们需要理解HTML结构。在提供的代码中，可以看到一个ID为`selexWps`的`div`元素，它包含了多个子`...
js自定义validator校验
chenyu201003的专栏
03-02 805
// 自定义校验规则           jQuery.validator.addMethod("stringCheck", function(value, element) {             return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value);             }, "只能包括中文字、英文字
js简单表单验证（弹出框）
热门推荐
飞鸿的博客
05-07 1万+
登录和注册的弹出框的js验证有些字段是不能为空的，那么我们就要通过验证判断：用户是否填写。此时就要用到js验证。登录html&lt;form action="" method="post" name="form1" target="_blank" id="form1" onSubmit="return check_login()"&gt; &lt;h1&amp
html5表单原生自定义验证的完善
weixin_34367845的博客
08-15 254
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML5中margin属性应用
大数据-攻城狮
12-09 6567
Document div{ width: 100px; height: 100px; background-color: red; /* 外边距 */ margin-top: 30px; margin-left: 100px; margin-right: 100px;
JS表单验证提示效果
cngdjws的专栏
12-08 1760
一个流行且实用的JS表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写FormValid.showError类方法来实现错误显示方式自定义： errMsg 是一个错误消息的数组，这样方便自定义,errName是对应错误信息元件名数组，这样可以非富自定义显示方式，FormValid.allName记录了所有有验证规则的字段名数级，在自定义中可以使用到代码如下：自动切换Tab选项卡f
js表单提交验证-input下显示提示信息
磊磊026的博客
08-17 4117
表单提交验证，追加错误提示样式
输入信息页面js验证，提示信息
SieSteven
03-09 3159
有点傻缺，没有用UI框架的验证插件。因为不想学，也想偷懒。所以写了如下的js验证。验证输入框。绑定鼠标事件：输入框失去焦点，输入框获得焦点。 获取焦点时，先进行判空处理。再对提示信息进行处理。此处想要记录的是蓝底部分（$("#spanUnitId").css("display", "initial");）在谷歌浏览器是可以实现横向展示的。该语句在IE11浏览器下却不能正常执行。不知道具体原因。下
CheckInput
weixin_30826095的博客
05-17 772
var reg_EMail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;var reg_QQ = /[1-9][0-9]{4,}/;var reg_Post = /[1-9]\d{5}(?!\d)/;var reg_IDCard = /\d{15}|\d{18}/;var reg_UID = /^[a-zA-Z][a-zA-Z0-9_]{4,...
验证用户名是否存在 js代码
snailisBigbull的博客
08-18 792
​ //自定义验证(验证用户名是否存在) $.extend($.fn.validatebox.defaults.rules, { //验证的名称 checkName: { //验证的规则 /** * @param value ：文本框当前的值 * @param param : 传过来的值(数组) ...
正则表达式——登录验证
Demo_csdn
10-15 1343
**利用传参的方式提高方法的复用性 这里涉及到JavaScript的字符串拼接操作 这是图片展示的效果： 下面是全部代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script...
js 自定义验证规则
小丫007的博客
09-20 1709
<!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascr...
jQuery表单验证：规则与自定义提示
"该文档是关于jQuery校验的详细指南，包括如何导入必要的JS库以及jQuery验证插件的默认校验规则和提示信息。" 在Web开发中，数据验证是确保用户输入符合预期的重要环节，jQuery提供了一套方便的验证插件来帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值