python :表单验证--对每一个输入框进行验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style>
        .error{
            color: red;
        }
    </style>
</head>
<body>
<form id="ff" method="post">
    <div><input type="text"/></div>
    <div><input type="password"/></div>
    <div><input type="text"/></div>
    <div><input type="text"/></div>
    <div><input type="text"/></div>
    <div><input type="submit" value="提交"/></div>
</form>
<script src="jquery-1.12.4.js"></script>
<script>
    $(‘:submit‘).click(function () {
        $(‘.error‘).remove()
        var flag = true;
         $(‘#ff‘).find(‘input[type="text"],input[type="password"]‘).each(function () {

            var tag = $(this).val();
            if (tag.length <= 0) {
                flag = false;
                var  v= document.createElement(‘span‘);
                v.innerHTML = ‘必填‘;
                v.className=‘error‘;
                $(this).after(v)
                 return false
//                只提示第一个 return false
            }
        })
        return flag;

    })
</script>
</body>
</html>

提交表单验证

时间: 2024-10-16 18:51:25

python :表单验证--对每一个输入框进行验证的相关文章

教程:让你的表单升级到CSS3和HTML5客户端验证

今天我们一起来看看如何创建一个实用并且功能强大的表单,表单使用如今最热门的技术HTML5和css3来创建,并且可以通过HTML5进行客户端验证. 查看预览下载附件 第一步:策划表单功能 首先,我们得为我们的表单策划一下该有什么功能,用什么形式表现.在这个示例中,我们就制作一个比较简单的留言表单.需要的功能如下: 名称 电子邮件 网站地址 提交按钮 我们都希望用户能够填写正确的信息再提交,要实现这一点,我们可以使用HTML5客户端验证新技术.那怎么样使用这个功能呢?在这里简单的使用服务器验证,不做

不通过getElementByName实现获取表单数据 (document.form表单的name值.input输入框的name值)

function update() { //document.form表单的name值.input输入框的name值 var username = document.form1.username; var mobile = document.form1.mobile; var qq = document.form1.qq; } <form name="form1" method="post" action=""> <table

jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因

jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏览器当中却无法进行验证就直接将表单提交了. 在网上查了一下原因,大多数文章表明原因是js代码书写不规范造成,也就是在验证表单的规则(rules)数组的最后多了个逗号.起初我也因为是这个原因于是查看了自己的代码发现确实有此问题于是就改正过来了. 但是在浏览器中查看后仍然不起作用,在百思不得其解时,想到

python表单验证封装

在Web程序中往往包含大量的表单验证的工作,如:判断输入是否为空,是否符合规则. <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link href="{{static_url("commons.css")}}" rel="style

为什么上传文件的表单里面要加一个属性ENCTYPE=MULTIPART/FORM-DATA?

首先知道enctype这个属性管理的是表单的MIME编码.共有三个值可选:1.application/x-www-form-urlencoded2.multipart/form-data3.text/plain其中application/x-www-form-urlencoded是默认值,作用是设置表单传输的编码.例如我们在AJAX中见过xmlHttp.setRequestHeader("Content-Type","application/x-www-form- urlen

asp编程实例:通过表单创建word的一个例子

先创建一个表单,随便存一个名字好了.例如:上海治疗阳痿医院 xxx.html 〈form action="word_create.asp"〉 Name: 〈input type="text" name="Name" size="50" maxlength="100"〉 Email: 〈input type="text" name="Email" size="

django种表单post出现CSRF verification failed( CSRF验证失败 ) 的两种解决方案

现象 表单界面如下: 在点击提交之后,出现如下错误页面: HTML的代码如下: contact_form.html <!DOCTYPE HTML PUBLIC > <html> <head> <title>Contact us</title> </head> <body> <h1>Contact us</h1> {% if errors %} <ul> {% for error in e

html表单——使用frameset写一个导航栏效果

主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <!--frameset 说明:1.frameset不能潜入在body标签里面,只能嵌入在html标

js 表单不为空,数字长度验证

$(document).ready(function() {    //聚焦第一个输入框    $("#invtype").focus();                          //form 第一个文本框    //为inputForm注册validate函数    $("#appInvoiceInputForm").validate({        onsubmit:true,        errorElement :"div"