var isError = false;
var memberDetail = $("#memberDetail");
var updateForm = $("form[name='updateForm']");
var name_sei = memberDetail.findInputByName("name_sei");
var name_mei = memberDetail.findInputByName("name_mei");
var name_sei_kana = memberDetail.findInputByName("name_sei_kana");
var name_mei_kana = memberDetail.findInputByName("name_mei_kana");
var sex = memberDetail.findInputByName("sex");
var mobileno = memberDetail.findInputByName("mobileno");
var mail_address = memberDetail.findInputByName("mail_address");
var birthday = memberDetail.findInputByName("birthday");
isError = isError || !name_sei.verifyName(isError);
isError = isError || !name_mei.verifyName(isError);
isError = isError || !name_sei_kana.verifyNameKana(isError);
isError = isError || !name_mei_kana.verifyNameKana(isError);
isError = isError || !mobileno.verifyTel(isError);
isError = isError || !mail_address.verifyEmail(isError);
isError = isError || !birthday.verifyBirthday(isError);
if (!isError) {
updateForm.submit();
}
$.fn.extend({
findInputByName:function (name) {
return $(this).find("input[name='" + name + "']");
},
findInputByLikeName:function(name) {
return $(this).find("input[name*='" + name + "']");
},
verifyName:function (isError) {
if (!isError) {
var value = $(this).val();
if ($.trim(value) == "") {
alert("名前は必須入力項目です。");
$(this).focus();
return false;
} else {
return true;
}
} else {
return false;
}
},
verifyNameKana:function (isError) {
if (!isError) {
var value = $(this).val();
if ($.trim(value) == "") {
alert("ふりがなは必須入力項目です。");
$(this).focus();
return false;
} else {
return true;
}
} else {
return false;
}
},
verifyTel:function (isError) {
if (!isError) {
var value = $.trim($(this).val());
var patrn = /^[0-9]{2,5}-[0-9]{3,4}-[0-9]{3,4}$/;
if (value != "") {
if (patrn.test(value)) {
return true;
} else {
alert("携帯番号が間違っています。");
$(this).focus();
return false;
}
} else {
alert("携帯番号は必須入力項目です。");
$(this).focus();
return false;
}
} else {
return false;
}
},
verifyEmail:function (isError) {
if (!isError) {
var value = $(this).val();
var patrn = /^[a-z0-9_\+-]+(\.[a-z0-9_\+-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*\.([a-z]{2,4})$/;
if (value != "") {
if (patrn.test(value)) {
return true;
} else {
alert("E-mailが間違っています。");
$(this).focus();
return false;
}
} else {
alert("E-mailは必須入力項目です。");
$(this).focus();
return false;
}
} else {
return false;
}
},
verifyBirthday:function (isError) {
if (!isError) {
var value = $(this).val();
var patrn = /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/;
if (value != "") {
if (patrn.test(value)) {
return true;
} else {
alert("誕生日が間違っています。");
$(this).focus();
return false;
}
} else {
alert("誕生日は必須入力項目です。");
$(this).focus();
return false;
}
} else {
return false;
}
}
});
分享到:
相关推荐
**jQuery验证插件详解** jQuery验证插件是前端开发中常用的一个工具,它极大地简化了网页表单验证的实现过程,让开发者能够更专注于业务逻辑而不是基础验证功能。本篇文章将深入探讨jQuery验证插件的核心功能、使用...
标题“jquery验证密码强度”指的是使用JavaScript库jQuery来实现对用户输入密码的强度进行验证的功能。在网页表单中,为了提高用户账户的安全性,通常会要求用户设置具有一定复杂度的密码,例如包含大小写字母、数字...
简述jQuery验证插件validation的功能和使用
**jQuery验证框架**是一种在Web开发中用于前端数据验证的工具,它极大地简化了JavaScript验证的复杂性。jQuery库的强大功能结合验证插件,能够帮助开发者创建用户友好的、响应迅速的表单验证机制,确保用户输入的...
**jQuery验证框架详解** jQuery Validate 是一个非常流行的前端验证插件,它为HTML表单提供了强大的验证功能。这个插件是jQuery库的一个扩展,能够帮助开发者轻松实现对用户输入数据的有效性检查,确保数据在提交前...
jQuery验证插件是基于jQuery的一个强大的插件,由Jörn Zaefferer创建并维护。该插件提供了一种简单的方式来处理表单验证,并且支持多种自定义选项和方法,使其成为前端表单验证的首选工具之一。 #### 三、基本使用...
《jQuery验证包详解》 在Web开发中,数据验证是必不可少的一环,它能确保用户输入的数据符合预期,从而保证程序的稳定性和安全性。jQuery验证包(jQuery Validation Plugin)是jQuery库的一个强大扩展,用于方便地...
### jQuery验证插件的核心特性 1. **易用性**:jQuery验证插件最大的优点是其简单易用的API。开发者无需预先编写HTML提示信息,而是通过JavaScript代码动态设置验证规则和错误消息。 2. **灵活性**:该插件支持...
jQuery验证插件是一款广泛应用于前端开发中的工具,它极大地简化了网页表单验证的过程,使得开发者可以方便地为用户输入的数据添加各种验证规则。这款插件不仅具备丰富的验证功能,而且特别强调对中文的支持,这在...
在本主题“jQuery验证表单”中,我们将深入探讨如何使用jQuery来实现高效、用户友好的表单验证功能。 1. **jQuery基本操作**:首先,我们需要在HTML文档中引入jQuery库。这通常通过在`<head>`标签内添加链接到...
【jQuery验证框架学习】 jQuery是一个广泛使用的JavaScript库,它的核心特性是简化HTML文档遍历、事件处理、动画设计和Ajax交互。本教程旨在带你深入了解jQuery验证框架,这是一套用于前端数据验证的工具,能够帮助...
jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...
表单验证类,jquery通用的验证类,jquery验证插件
### Jquery验证插件知识点详解 #### 一、概述 jQuery是一个快速、简洁的JavaScript库,使得HTML文档遍历、事件处理、动画等操作变得更加简单。通过jQuery,开发者可以更轻松地实现各种复杂的Web交互效果。jQuery的...
jQuery验证框架学习教程详细介绍了jQuery及其验证插件的使用方法,旨在帮助开发者快速掌握jQuery这一强大的JavaScript库,并学会如何使用其提供的验证功能来增强Web应用的用户交互体验。 首先,jQuery是一个开源的...
### jQuery验证框架详解 #### 一、概述 jQuery Validation Plugin 是一个非常强大的验证插件,它可以帮助开发者轻松地实现客户端表单验证功能。此插件是基于jQuery开发的,因此可以充分利用jQuery的强大功能来简化...
**jQuery验证插件Validator详解** jQuery Validator是一款广泛应用于前端开发中的强大验证插件,它能够帮助开发者轻松实现表单验证,提高用户体验,确保用户输入的数据符合预设的规则。这款插件是基于jQuery库构建...
本文将深入探讨"jQuery验证提示插件"的相关知识点。 首先,让我们理解什么是jQuery验证。jQuery Validation Plugin是官方提供的一个插件,主要用于创建复杂的表单验证规则,它可以轻松地添加错误消息和验证效果到...
"jQuery验证控件"是将jQuery与表单验证功能相结合的一种实现方式,旨在提供更灵活、用户友好的验证体验。 jQuery验证控件通常包括以下核心组件和特性: 1. **验证插件**:jQuery提供了许多验证插件,如jQuery ...