检查表单行为的JAVA代码_javascripts表单验证控制代码大全

1. 长度限制

2. 只能是汉字

3." 只能是英文

4. 只能是数字

5. 只能是英文字符和数字

6. 验证油箱格式

7. 屏蔽关键字(这里屏蔽***和****)

8. 两次输入密码是否相同

够了吧 :) 屏蔽右键 很酷 οncοntextmenu="return false" οndragstart="return false" onselectstart="return false" 加在body中

2.1  表单项不能为空

2.2  比较两个表单项的值是否相同

2.3  表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

2.4  表单项输入数值/长度限定

2.5  中文/英文/数字/邮件地址合法性判断

function  isEnglish(name)  //英文值检测 {  if(name.length  ==  0) return  false; for(i  =  0;  i    128) return  false; } return  true; }

function  isChinese(name)  //中文值检测 {  if(name.length  ==  0) return  false; for(i  =  0;  i    128) return  true; } return  false; }

function  isMail(name)  //  E-mail值检测 {  if(!  isEnglish(name)) return  false; i  =  name.indexOf("  at  "); j  =  name  dot  lastIndexOf("  at  "); if(i  ==  -1) return  false; if(i  !=  j) return  false; if(i  ==  name  dot  length) return  false; return  true; }

function  isNumber(name)  //数值检测 {  if(name.length  ==  0) return  false; for(i  =  0;  i    "9") return  false; } return  true; }

function  CheckForm() {  if(!  isMail(form.Email.value))  {  alert("您的电子邮件不合法!"); form.Email.focus(); return  false; } if(!  isEnglish(form.name.value))  {  alert("英文名不合法!"); form.name.focus(); return  false; } if(!  isChinese(form.cnname.value))  {  alert("中文名不合法!"); form.cnname.focus(); return  false; } if(!  isNumber(form.PublicZipCode.value))  {  alert("邮政编码不合法!"); form.PublicZipCode.focus(); return  false; } return  true; } //-->

2.6  限定表单项不能输入的字符

function  contain(str,charset)//  字符串包含测试函数 {  var  i; for(i=0;i=0) return  true; return  false; }

function  CheckForm() {  if  ((contain(document.form.NAME.value,  "%\(\)>

1. 检查一段字符串是否全由数字组成       ---------------------------------------                      2. 怎么判断是否是字符         ---------------------------------------       if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");          else alert("全是字符");                 3. 怎么判断是否含有汉字        ---------------------------------------        if (escape(str).indexOf("%u")!=-1) alert("含有汉字");         else alert("全是字符");               4. 邮箱格式验证    ---------------------------------------      //函数名:chkemail     //功能介绍:检查是否为Email Address     //参数说明:要检查的字符串     //返回值:0:不是 1:是     function chkemail(a)     { var i=a.length;     var temp = a.indexOf('@');     var tempd = a.indexOf('.');     if (temp > 1) {     if ((i-temp) > 3){     if ((i-tempd)>0){     return 1;     }         }     }     return 0;     }         5. 数字格式验证    ---------------------------------------      //函数名:fucCheckNUM     //功能介绍:检查是否为数字     //参数说明:要检查的数字     //返回值:1为是数字,0为不是数字     function fucCheckNUM(NUM)     {     var i,j,strTemp;     strTemp="0123456789";     if ( NUM.length== 0)     return 0     for (i=0;i=10000);   return ret;   }       8. 综合的判断用户输入的合法性的函数  ---------------------------------------     

2.8. form文本域的通用校验函数 ---------------------------------------      作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。 该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名 html如下,当然,最好用可视化工具比如dreamweaver什么的来编辑域。 如果要检测数字类型数据的话,再把域的id统一为sz. javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

函数调用方法:< form  οnsubmit="return dovalidate()">

function dovalidate() { fm=document.forms[0]

//只检测一个form,如果是多个可以改变判断条件     for(i=0;i

//检测判断条件,根据类型不同可以修改

if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))

if(fm[i].value="/blog/="")   {          str_warn1=fm[i].title+"不能为空!";          alert(str_warn1);         fm[i].focus();          return false;                  }

if(fm[i].id.toUpperCase()=="SZ")//数字校验

{                  if(isNaN(fm[i].value))        {

str_warn2=fm[i].title+"格式不对";

alert(str_warn2);

fm[i].focus();

return false;

}

}

}     return true; }

在Flask应用中编写模板代码里的JavaScript代码可以使用Jinja2模板引擎来实现。以下是一个简单的示例,演示如何将客户端发来的数据显示在前端页面: 1. 首先,在你的Flask应用中创建一个HTML模板文件,例如`index.html`: ```html <!DOCTYPE html> <html> <head> <title>Flask App</title> <script src="{{ url_for('static', filename='scripts.js') }}"></script> </head> <body> <h1>Data from Client</h1> <div id="data-container"></div> </body> </html> ``` 在该模板中,我们通过`{{ url_for('static', filename='scripts.js') }}`引入一个名为`scripts.js`的JavaScript文件,这个文件将用于处理客户端发来的数据。 2. 创建一个名为`scripts.js`的JavaScript文件,并将其放置在Flask应用的静态文件夹(通常是`static`文件夹)中。在该文件中,可以编写处理客户端数据的代码。例如,以下代码将从服务器端获取数据,并将其显示在前端页面: ```javascript document.addEventListener('DOMContentLoaded', () => { // 发送GET请求获取数据 fetch('/get_data') .then(response => response.json()) .then(data => { // 将数据显示在页面上 const dataContainer = document.getElementById('data-container'); dataContainer.innerText = data; }) .catch(error => console.error(error)); }); ``` 3. 在Flask应用的路由中,创建一个用于处理获取数据请求的路由,例如`/get_data`。在该路由中,你可以编写处理客户端数据请求的代码,并返回数据给客户端。以下是一个简单的示例: ```python @app.route('/get_data') def get_data(): # 处理获取数据的逻辑 data = "Hello, Flask!" return jsonify(data) ``` 在这个示例中,当客户端发送GET请求到`/get_data`路由时,Flask应用将返回一个JSON格式的响应,其中包含了`data`变量的值。 通过以上步骤,你就可以在Flask应用的模板代码中使用JavaScript来处理客户端发来的数据,并将其显示在前端页面上了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值