jquery表单代码,jquery 表格

http://www.itjxue.com  2023-01-20 01:02  来源:未知  点击次数: 

用jquery的post方法提交表单的问题

使用post方法提交表单的方法有两种,一种是使用表单的post的方法提交或者使用ajax异步post提交。

工具原料:编辑器、浏览器

1、方法一:直接使用form表单提交,简单的代码如下:

form?action="form_action.asp"?method="post"

??pFirst?name:?input?type="text"?name="fname"?//p

??pLast?name:?input?type="text"?name="lname"?//p

??input?type="submit"?value="Submit"?/

/form

2、使用jQuery的ajax方法进行post提交,简单的代码如下:

$.ajax({

type:"post",

url:"test.php",

async:true

});

jquery表单验证怎么判断输入的中文

正则表达式判断即可,如下:

第一种代码:

EXFCODE:

1 function isChinese(temp)

2 {

3 var re=/[^/u4e00-/u9fa5]/;

4 if (re.test(temp)) return false ;

5 return true ;

6 }

第二种代码:

EXFCODE:

01 function isChn(str)

02 {

03 var reg=/^[/u4E00-/u9FA5]+$/;

04 if (!reg.test(str)){

05 alert( "不全是中文" );

06 return false ;

07 } else {

08 alert( "全是中文" );

09 return true ;

10 }

第三种代码:

EXFCODE:

01 function funcChina()

02 {

03 var obj = document.form1.txtName.value;

04 if (/.*[/u4e00-/u9fa5]+.*$/.test(obj))

05 {

06 alert( "不能含有汉字!" );

07 return false ;

08 } else {

09 return true ;

10 }

11 }

第四种代码:

EXFCODE:

1 function isChina(s)

2 {

3 var patrn=/[/u4E00-/u9FA5]|[/uFE30-/uFFA0]/gi;

4 if (!patrn.exec(s)){

5 return false ;

6 } else {

7 return true ;

8 }

9 }

第五种代码:

EXFCODE:

1 var str= '玄峰软件hh' ;

2 if (escape(str).indexOf( "%u" )0)

3 {

4 alert( "没有包含中文" );

5 } else {

6 alert( "包含中文" );

7 }

原理:escape对字符串进行编码时,字符值大于255的以"%u****"格式存储,而字符值大于255的恰好是非英文字符(一般是中文字符,非中文字符也可以当作中文字符考虑);indexOf用以判断在字符串中是否存在某子字符串,找不到返回"-1"。

这段jquery代码 $('#ownerInfoForm').form('validate') 是什么意思

这个是基于jQuery的表单验证插件Validation Engine,你题干中的代码是验证表单是否符合要求,如:名字不能为空,号码必须是数字等等,效果如下图:

如何用jquery进行表单验证

第一步:

导入jquery.metadata.js和jquery.validate.js。

第二步:

在提交表单上加属性id=“tempForm"。

第三步:

将提交按钮改为type="button",且加入onclick="submitForm()"属性。

第四步:

在script中加入方法submitForm。

function submitForm() {

if($("#tempForm").valid()) {

$("#tempForm").submit();

}

}

第五步:

加入验证代码,格式如下:

$(function() {

$("#tempForm").validate({

rules: {

"cost.costMoney": {

required: true,

number: true,

maxlength:18

}

},

messages: {

"cost.costMoney": {

required: "font color='red'成本金额不能为空/font",

number: "font color='red'成本金额必须为数字/font",

maxlength:"font color='red'成本金额长度不能大于

18/font"

}

}

});

});

6

第六步:

打开浏览器查看表单验证效果。

(责任编辑:IT教学网)

更多

推荐PHP+MySQL视频文章