jquery表单验证源代码(表单验证代码HTML)
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 简单的表单验证 需求 写出判断(手机号码 密码 验证的密码)三者同时成立的判断语句 附上代码
var error = 0;
$(function(){
//手机号码验证
$(".ipt1").blur(function(){
var num = $.trim($(".ipt1").val())
if(num ==""){
$(".ipt1-1").show();
$(".ipt1").css("border","1px solid #f00")
error = 1;
return false;
}
if(num!=""){
var reg = /^1((3[0-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g;
if(!reg.test(num))
{
$(".ipt1-2").show();
$(".ipt1").css("border","1px solid #f00")
error = 1;
return false;
}else{
$(".ipt1-3").show();
error = 0;
return true;
}
}
})
密码也是一样 ,最后判断error的值就行
用jQuery为表单进行验证
?$(function?()?{
????????????$("#send").live("click",?function?()?{
????????????????if?($("#username").val().trim()?==?"")?{
????????????????????alert("用户名不能为空");
????????????????????return?false;
????????????????}
????????????})
????????})
????????/*?考虑到ie7,8不兼容trim(),可单独写去空格方法?*/
????????function?trim(stringToTrim)?{??
????return?stringToTrim.replace(/^\s+|\s+$/g,"");??
}
如何用JQuery进行表单验证
(1)所需工具: jQuery.1.8.3.js和jquery.validate.js,百度jquery validate插件即可找到下载
(2)引入js
script src="jQuery.1.8.3.js" type="text/javascript"/script
script src="jquery.validate.js" type="text/javascript"/script
(3)按照插件的配置规则进行配置
代码实例:
JS代码:
script type="text/javascript"
$(function () {
$("#form1").validate({
/*自定义验证规则*/
rules:{
username:{ required:true,minlength:6 },
userpass:{ required:true,minlength:10 }
},
/*错误提示位置*/
errorPlacement:function(error,element){
error.appendTo(element.siblings("span"));
}
});
})
/script
HTML代码:
form id="form1" action="#" method="post"
p用户登录/p
p名称:input id="txtName" name="username" type="text" class="txt" /span style="color:Red;font-size:10px;"/span/p
p密码:input id="txtPass" name="userpass" type="password" class="txt" /span style="color:Red;font-size:10px;"/span/p
div
input id="btnLogin" type="button" value="登录" class="btn" /
input id="btnReset" type="button" value="取消" class="btn" /
/div
/form