06jQuery之表单校验（表单选择器、常见的校验、表单验证事件和方法、jq的正则使用）

val()方法，主要是获取form表单当中的内容（包括有value或者输入的内容）

表单验证的必要性：

1. 减轻服务器的压力
2. 保证输入的数据符合要求

表单选择器：

表单选择器用于选取某些特定的表单元素，比如所有单选按钮或隐藏的元素

常见的校验：

• 非空验证：

示例：

if (mail == "") {
     alert("Email不能为空");
     return false;
}

• 字符串查找：

indexOf()：查找某个指定的字符串值在字符串中首次出现的位置

var str="this is JavaScript";
var selectFirst=str.indexOf("Java");//返回8
var selectSecond=str.indexOf("Java",12);//返回-1

示例：

$(document).ready(function(){
	$("form").submit(function(){
		var mail = $("#myform :text").val();
		if (mail=="") {//检测Email是否为空
			alert("Email不能为空");
			return false;
		}
		if (mail.indexOf("@") == -1) {
			alert("Email格式不正确\n必须包含@");
			return false;
		}
		if (mail.indexOf(".") == -1) {
			alert("Email格式不正确\n必须包含.");
			return false;
		}
		return true;
	})
})

• 长度验证：

示例：

if(pwd.length<6){//length属性可以获取字符串长度
    alert("密码必须等于或大于6个字符");
    return false;
}

• 判断字符串是否有数字:
  思路：使用for循环和substring()方法依次截断单个字符，再判断每个字符是否是数字

示例:

for (var i = 0; i < user.length; i++) {
    var j = user.substring(i, i + 1);
    if (isNaN(j) == false) {
        alert("姓名中不能包含数字");
        return false;
    }
}

表单验证事件和方法：

表单结合正则表达式：

示例：

var reg= /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
if(reg.test(email) ==false){	
    $email_prompt.html("电子邮件格式不正确,请重新输入");
    return false;
}

定义正则表达式：

1. 普通方式：

语法：

var reg=/表达式/附加参数

示例：

var reg=/white/;
var reg=/white/g;

2. 构造函数

语法：

var reg=new RegExp("表达式","附加参数")

示例：

var reg=new RegExp("white");
var reg=new RegExp("white","g");

表达式的模式：

1. 简单模式
   只能表示具体的匹配

示例：

var reg=/china/;
var reg=/abc8/;

2. 复合模式
   可以使用通配符表达更为抽象的规则模式

示例：

var reg=/^\w+$/;
var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;

RegExp对象：

1. RegExp对象的方法
   
2. RegExp对象的属性
   

String对象：

String对象的方法