jquery表单代码,jquery 表格
用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
第六步:
打开浏览器查看表单验证效果。