表单提交验证提交数据代码

 1    <script src="jquery.js"></script>
 2      <script>        //函数正则验证空字符和 空白键(半/圆角)
 3         function isNull(str){
 4             if ( str == "" ) return true;
 5             var regu = "^[ | ]+$";
 6             var re = new RegExp(regu);
 7             return re.test(str);
 8         }
 9
10         function check(){
11             var lname = $("#last_name");
12             if(lname.val()=="姓名" || isNull($("#last_name").val())){
13             lname.addClass(‘rborder‘);
14             lname.focus();
15             return false;
16             }
17
18             if($("#mobile").val()=="手机号码" || isNull($("#mobile").val())){
19             $("#mobile").addClass(‘rborder‘);
20             $("#mobile").focus();
21             return false;
22             }
23
24             var email = $(‘#email‘).val();
25             var reg = /\w+[@]{1}\w+[.]\w+/;
26             if(reg.test(email)){
27               if($(‘#email‘).hasClass(‘rborder‘)){
28                 $(‘#email‘).removeClass(‘rborder‘);
29               }
30             }else{
31                 $(‘#email‘).addClass(‘rborder‘);
32                 $(‘#email‘).focus();
33                 return false;
34             }
35         }
37
38         $(function(){
39             $(‘#last_name‘).blur(function(){
40                 if($("#last_name").val()=="姓名" || isNull($("#last_name").val())){
41                 $(this).addClass(‘rborder‘);
42                 }else{
43                   if($("#last_name").hasClass(‘rborder‘)){
44                   $("#last_name").removeClass(‘rborder‘);
45                   }
46                 }
47             });
48
49             $(‘#mobile‘).blur(function(){
50                 if($("#mobile").val()=="手机号码" || isNull($("#mobile").val())){
51                 $(this).addClass(‘rborder‘);
52                 }else{
53                   if($(this).hasClass(‘rborder‘)){
54                   $(this).removeClass(‘rborder‘);
55                   }
56                 }
57             });
58
59             $(‘#email‘).blur(function(){
60                 var email = $(this).val();
61                 var reg = /\w+[@]{1}\w+[.]\w+/;
62                 if(reg.test(email)){
63                   if($(this).hasClass(‘rborder‘)){
64                     $(this).removeClass(‘rborder‘);
65                   }
66                 }else{
67                     $(this).addClass(‘rborder‘);
68                 }
69             });
70
71         })
72         </script>

<input class="button" name="submit" type="submit" value="确认提交" onclick="return check()" />
时间: 2024-11-09 01:05:18

表单提交验证提交数据代码的相关文章

angluar 表单的验证 动态数据项表单验证

1.动态生成的表单的验证 注意:代码中的“from”为form标签的name属性的名称 ,如:  <form name="form" ></form>另,代码中需要注意的点 1.input框的name属性:name="{{'PlanTitle'+$index}}" 2.如果使用ng-message,form['PlanTitle'+$index] 3.如果是使用ng-style:form['PlanTitle'+$index].$error.

jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g

【ExtJs】ExtJs的表单插件与表单布局、提交与验证

利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局,当然,使用<[ExtJs]带日期组件的文本输入框.容器与Ext.Msg.alert告警框告警两次>(点击打开链接)中的vbox也是可以的.其实ExtJs的表单插件与表单布局并不是关键,ExtJs的表单验证还好,就几行语句就能够完成.关键是ExtJs的表单提交必须通过Ajax方式,而在后台必须传回一个Json完成表单的提交,可能有点复杂,下面就以php作为ExtJs的后台处理来说明问题ExtJs的表单.aspx,js

jquery序列化form表单使用ajax提交后处理返回的json数据

这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: ** 将一个字符串输出到浏览器 */    protected void writeJson(String json) {        PrintWriter pw = null;        try {            servletResponse.setContentType("text/plain;charset=UTF-8"

使用文档对象在页面上创建学生信息表。 信息表包括学号、姓名、性别、电子邮件、联系电话、个人主页和联系地址, 信息表内容通过表单输入,提交前先使用正则表达式进行验证,联系地址不能超过20个字符, 每输入一名学生的信息,提交后,表格增加一行,表格不能被选择、复制。

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        描述:使用文档对象在页面上创建学生信息表.        信息表包括学号.姓名.性别.电子邮件.联系电话.个人主页和联系地址,        信息表内容通过表单输入,提交前先使用

ajax提交表单无法验证easyui的验证选项(比如required等)

在实际开发中,遇到ajax方式提交表单没法验证easyui的验证选项,这对实际用户体验造成了很大的困扰.当然,这也是理所当然的事情. 解决办法:使用jquery中ajax的beforeSend事件(这需要与easyui框架协同使用),例如:   submitForm:function(formId,url){ var formData = $(formId).form('getValues'); // 获取表单数据 $.ajax({ type:'POST', url:url, data:{for

easyui取消表单时验证,提交时统一验证

1.设置表单不验证 <form id="ff" class="easyui-form" method="post" data-options="novalidate:true"></form> 2.表单提交时统一验证$('#ff').form('submit',{                onSubmit:function(){                    return $(this).

jquery序列化from表单使用ajax提交返回json数据(使用struts2注解result type = json)

1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @ParentPackage(WapBaseAction.WAP_PACKAGE) //WAP_PACKAGE继承了json-default @Namespace("/") public class ModifyResumeAction extends WapBaseAction {... [emai

1、记录代码----创建隐藏表单并赋值提交

$('#sendEmail').click(function(){ $('#myModal7').modal('hide'); var rows = $('#content_modal7').bootstrapTable('getSelections'); var rows2 = $('#content_table').bootstrapTable('getSelections'); var idArr=[]; var idStr; for(i=0;i<rows2.length;i++){ id

Validform和aui2.0结合使用的表单自定义验证提示和列表页异步获取数据Demo

二.添加自定义验证演示       Validform验证提示大多都是在输入框或下拉框的右边或下面.感觉就是不美观,特别是表单字段少的时候,这种在相应对象旁边的提示就没必要了,      它会给人一种不友好的感觉(只是自己的感觉).所以下面写了三种添加演示,希望大家能给出建议,以免下次用起来纠结,不知道用哪种好.        表单验证插件是我们经常使用的Validform_v5.3.2_min.js.先上添加1演示的表单验证js代码,这里我设置了点击提交按钮后才验证.其他添加演示的区别不大,详