Backend DevelopmentPHP Tutorialjquery form validation plug-in usage example in Yii framework_php example
The example in this article describes the usage of jquery form validation plug-in in Yii framework. Share it with everyone for your reference, the details are as follows:
The operation effect diagram is as follows:
View layer:
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<style>
.error{
color: red;
}
</style>
<script src="js/jquery.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/messages_zh.js"></script>
<script>
// 手机号码验证
jQuery.validator.addMethod("phone", function(value, element) {
var length = value.length;
var mobile = /^1[3,5,8][0-9]{9}$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请正确填写您的手机号码");
// 汉字
jQuery.validator.addMethod("uName", function(value, element) {
var name= /^[\u4e00-\u9fa5]{2,6}$/;
return this.optional(element) || (name.test(value));
}, "请输入2-4个汉字");
//验证邮箱
jQuery.validator.addMethod("email1", function(value, element) {
var email= /^\w+@\w+[.]com|cn|net$/;
return this.optional(element) || (email.test(value));
}, "请正确填写您的邮箱");
//验证名称是否重复（唯一性）
jQuery.validator.addMethod("onlyUsername", function(value, element) {
return eval($.ajax({
url: "index.php?r=login/only",
type: 'get',
async: false,
data: {
u_name:value
}
}).responseText);
}, "用户名已存在");
//验证邮箱是否重复
jQuery.validator.addMethod("only2", function(value, element) {
return eval($.ajax({
url: "index.php?r=login/only2",
type: 'get',
async: false,
data: {
email:value
}
}).responseText);
}, "邮箱已存在");
$.validator.setDefaults({
submitHandler: function() {
form.submit();
}
});
//表单验证
$().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
$("#signupForm").validate({
rules: {
u_name: "required",
u_name: {
required: true,
uName: true,
onlyUsername: true
},
pwd: {
required: true,
minlength: 5
},
fruit:{
required: true,
minlength: 2
},
phone: {
required: true
},
email: {
required: true,
email: true,
email1:true,
only2:true
},
sex:
{
required:true,
minlength:1
},
topic: {
required: "#newsletter:checked",
minlength: 2
},
agree: "required"
},
messages: {
u_name: "请输入您的名字",
u_name: {
required: "请输入用户名",
uName: "用户名必需由2-6个汉字组成",
onlyUsername:"用户必须唯一"
},
pwd: {
required: "请输入密码",
minlength: "密码长度不能小于 5 个字母"
},
phone: {
required: "请输入手机号"
},
email: {
required:"请输入一个正确的邮箱",
only2:"邮箱必须唯一"
},
agree: "请接受我们的声明",
topic: "请选择两个主题",
sex: "请至少选一个",
fruit:"请至少选两个水果"
}
});
});
</script>
</head>
<body>
<center>
<form class="cmxform" id="signupForm" method="post" action="index.php?r=login/register">
<fieldset>
<legend>注册页面</legend>
<p>
<label for="u_name">名字</label>
<input id="u_name" name="u_name" type="text">
</p>
<p>
<label for="pwd">密码</label>
<input id="pwd" name="pwd" type="pwd">
</p>
<p>
<label for="email">Email</label>
<input id="email" name="email" type="email">
</p>
<p>
<label for="phone">手机号</label>
<input id="phone" name="phone" type="phone">
</p>
<p>
<input type="radio" id="sex" value="男" name="sex" />男
<input type="radio" id="sex" value="女" name="sex"/>女
</p>
<p>
<select id="fruit" name="fruit[]" multiple="multiple">
<option value="b">Banana</option>
<option value="a">Apple</option>
<option value="p">Peach</option>
<option value="t">Turtle</option>
</select>
</p>
<p>
<label for="agree">请同意我们的声明</label>
<input type="checkbox" class="checkbox" id="agree" name="agree">
</p>
<p>
<label for="newsletter">我乐意接收新信息</label>
<input type="checkbox" class="checkbox" id="newsletter" name="newsletter">
</p>
<fieldset id="newsletter_topics">
<legend>注意：如果没有勾选“我乐意接收新信息”以下选项会隐藏，但我们这里作为演示让它可见</legend>
<label for="topic_marketflash">
<input type="checkbox" id="topic_marketflash" value="学习" name="topic[]">学习
</label>
<label for="topic_fuzz">
<input type="checkbox" id="topic_fuzz" value="唱歌" name="topic[]">唱歌
</label>
<label for="topic_digester">
<input type="checkbox" id="topic_digester" value="跳舞" name="topic[]">跳舞
</label>
<label for="topic" class="error">Please select at least two topics you'd like to do.</label>
</fieldset>
<p>
<input class="submit" type="submit" value="注册">
</p>
</form>
</center>
</body>
</html>
Controller (verify uniqueness):
//验证姓名唯一性
public function actionOnly(){
$u_name=Yii::$app->request->get('u_name');
$login=Yii::$app->db;
//查询数据
$sql="select * from login where u_name='$u_name'";
$res=$login->createCommand($sql)->execute();
if($res)
{
echo false;
}
else
{
echo true;
}
}
Readers who are interested in more Yii-related content can check out the special topics on this site: "Introduction to Yii Framework and Summary of Common Techniques", "Summary of Excellent PHP Development Framework", "Basic Tutorial for Getting Started with Smarty Templates", "Introduction to PHP Object-Oriented Programming" Tutorial", "php string (string) usage summary", "php+mysql database operation introductory tutorial" and "php common database operation skills summary"
I hope this article will help you design PHP programs based on the Yii framework.
使用Yii框架创建电影网站Jun 21, 2023 am 09:04 AM随着互联网的普及以及人们对电影的热爱，电影网站成为了一个受欢迎的网站类型。在创建一个电影网站时，一个好的框架是非常必要的。Yii框架是一个高性能的PHP框架，易于使用且具有出色的性能。在本文中，我们将探讨如何使用Yii框架创建一个电影网站。安装Yii框架在使用Yii框架之前，需要先安装框架。安装Yii框架非常简单，只需要在终端执行以下命令：composer
Yii框架简介：了解Yii的核心概念Jun 21, 2023 am 09:39 AMYii框架是一个高性能、高扩展性、高可维护性的PHP开发框架，在开发Web应用程序时具有很高的效率和可靠性。Yii框架的主要优点在于其独特的特性和开发方法，同时还集成了许多实用的工具和功能。Yii框架的核心概念MVC模式Yii采用了MVC（Model-View-Controller）模式，是一种将应用程序分为三个独立部分的模式，即业务逻辑处理模型、用户界面呈
为什么Yii框架比其他框架更好用？Jun 21, 2023 am 10:30 AMYii框架是一个高性能、可扩展、安全的PHP框架。它是一个优秀的开发工具，能够让开发者快速高效地构建复杂的Web应用程序。以下是几个原因，让Yii框架比其他框架更好用。高性能Yii框架使用了一些先进的技术，例如，延迟加载（lazyloading）和自动加载机制（automaticclassloading），这使得Yii框架的性能高于许多其他框架。它还提
Yii框架中的队列：高效地处理异步操作Jun 21, 2023 am 10:13 AM随着互联网的快速发展，应用程序对于处理大量并发请求和任务变得越来越重要。在这样的情况下，处理异步任务是必不可少的，因为这可以使应用程序更加高效，并更好地响应用户请求。Yii框架提供了一个方便的队列组件，使得处理异步操作更加容易和高效。在本篇文章中，我们将探讨Yii框架中队列的使用和优势。什么是队列队列是一种数据结构，用于处理数据的先进先出（FIFO）顺序。队
Yii框架中的ViewState：实现数据保护Jun 21, 2023 am 09:02 AMViewState是ASP.NET中的一种机制，用于保护页面的隐私数据。而在Yii框架中，ViewState同样也是实现页面数据保护的重要手段。在Web开发中，随着用户界面操作的复杂度增加，前端与后端之间的数据传输也愈发频繁。但是，不可避免的会有恶意用户通过网络抓包等手段截获数据。而未加保护的数据可能含有用户隐私、订单信息、财务数据等重要资料。因此，加密传输
Yii框架中的扩展：使用外部库Jun 21, 2023 am 10:11 AMYii是一款优秀的PHP框架，它提供了很多丰富的功能和组件来加快Web应用程序的开发。其中一个非常重要的特性就是可以方便地使用外部库进行扩展。Yii框架中的扩展可以帮助我们快速完成许多常见的任务，例如操作数据库、缓存数据、发送邮件、验证表单等等。但是有时候，我们需要使用一些其他的PHP类库来完成特定的任务，例如调用第三方API、处理图片、生成PDF文件等等。
Yii框架中的分页机制：优化数据展示效果Jun 21, 2023 am 08:43 AM在现今互联网时代，数据的处理和展示对于各种应用而言都是至关重要的。对于一些数据量较大的网站，其展示效果直接影响用户体验，而优秀的分页机制可以使得数据展示更加清晰，提高用户的使用体验。在本文中，我们将介绍Yii框架中的分页机制，并探讨如何通过优化分页机制来改进数据展示效果。Yii框架是一种基于PHP语言的高性能、适用于Web应用的开发框架。它提供
使用Yii框架创建社区网站Jun 21, 2023 am 08:52 AM在当前互联网时代，网站对于人们来说已经不再是简单地获取信息的工具，更多是成为人们社交交流的重要场所。对于一些社区型的网站来说，使用优质的框架，能够对开发工作提高效率，同时也能够提高网站的可靠性和稳定性。本文介绍如何使用Yii框架创建一个社区网站，涉及到的主要内容包括搭建开发环境、获取Yii框架、创建数据库以及编写代码实现网站主要功能。一、搭建开发环境在开始
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
SublimeText3 English version
Recommended: Win version, supports code prompts!
Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.
Zend Studio 13.0.1
Powerful PHP integrated development environment
DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
