使用表单选择器完成文本框设置(css样式只是举例)
类型1:所有input,select,button-->input
$(":input").css("color","red")
类型2:单行文本框
$(":text").css("color","red")
类型3:密码文本框
$(":password").css("color","red")
类型4:单选按钮
$(":radio").css("color","red")
类型5:所有复选框
$(":checkbox").css("color","red")
类型6:所有type=button按钮
$(":button").css("color","red")
类型7:提交按钮
$(":submit").css("color","red")
类型8:图片提交按钮
$(":image").css("color","red")
类型9:重置按钮
$(":reset").css("color","red")
类型10:文件域按钮
$(":file").css("color","red")
类型11:隐藏域
$(":hidden").show();
类型12:匹配form内部除了编号以外的输入框元素
$(":enabled").css("color","red")
$(":disable").css("color","red")
$("#wz").click(function(){
类型13:所有被选中的参选框
$(":checked").each(function(){
$("#wz").append($(this).clone().val()+" ")
})
类型14:所有下拉列表选项中的元素
$(":selected").each(function(){
$("#wz").append($(this).clone().val()+" ")
})
通过ID表单标记,触发提交事件 ation具体判断
$("#form1").submit(function(){
//姓名不能为空,不能含有数字
//1-1获得姓名文本框的value的值
var sName = $("#lname").val();
//1-2判断是否为空
if(sName==""){
$("#DivName").html("*姓名不能为空").css("color","red");
return false;
}
else{
for(var i = 0; i<sName.length;i++){
var j=sName.substring(i,i+1);
if(isNaN(j)==false){//含有数字
$("#DivName").html("*姓名不能包含数字").css("color","red");
return false;
}
}
//正确结果的表达
if(i==sName.length){
$("#DivName").html("<img src='images/register_write_ok.gif'>");
}
//判断密码不能为空
var pwd=$("#pass").val();
if(pwd==""){
$("#DivPwd").html("*密码不能为空").css("color","red");
return false;
}
if (pwd.length < 6) {
$("#DivPwd").text("*密码必须等于或大于6个字符").css("color","red");
return false;
}else
{
$("#DivPwd").html("<img src='images/register_write_ok.gif'/>");
}
//判断两次密码是否一致
var qrmm = $("#rpass").val();
var csmm = $("#pass").val();
if(qrmm==""){
$("#DivRepwd").text("*密码不能为空").css("color","red");
return false;
}else if(qrmm!=csmm){
$("#DivRepwd").text("*两次密码不一致").css("color","red");
return false;
}
//邮箱功能
var emailval = $("#email").val();
if(emailval==""){
$("#DivEmail").text("*邮箱不能为空").css("color","red");
return false;
}else if(emailval.indexOf("@")==-1){
$("#DivEmail").text("*邮箱中必须含有@").css("color","red");
return false;
}else if(emailval.indexOf(".")==-1){
$("#DivEmail").text("*邮箱中必须含有.").css("color","red");
return false;
}else if(emailval.indexOf("@")>emailval.indexOf(".")){
$("#DivEmail").text("*邮箱中@必须在.之前").css("color","red");
return false;
}
return true;
}
通过正则表达式判断
//js函数1:编号正则判断\d
//光标锁定调用函数 方法1:js的onfocus()方法
function checkBh(){
//定义正则表达式
var fnamezz = /^\d{10}$/;
var fnameval = $("#fname").val();
if(fnamezz.test(fnameval)==false){
$("#DivFname").text("*编号必须是10位数字").css("color","red");
$("#fname").focus();//jQuery的光标锁定
$("#fname").select();//强制必须在这里输入
return false;
}else{
$("#DivFname").html("<img src='images/register_write_ok.gif'/>");
}
}
//js函数2:姓名
//JQuery的调用方法
function checkname(){
var snamezz = /^[a-zA-Z_]+$/;//+表示必须0个以上
var snameval =$("#sname").val();
if(snamezz.test(snameval)==false){
$("#sname").next().text("*姓名不能为空,不能包含数字").css("color","red");
$("#sname").select();
return false;
}else{
$("#sname").next().html("<img src='images/register_write_ok.gif'/>");
}
}
//函数:密码
function checkPassword(){
var pass = /^[a-zA-Z]\w{5,9}$/;//要求密码的长度为6-10位,第一位是字母
var passval = $("#pass").val();
if(pass.test(passval)==false){
$("#DivPwd").text("密码长度必须是6-10为数字且第一位是字母").css("color","red");
$("#pass").select();
return false;
}else{
$("#DivPwd").html("<img src='images/register_write_ok.gif'/>");
}
}
//确认密码
function checkRpass(){
if($("#pass").val()!=$("#rpass").val()){
$("#DivRepwd").text("两次密码不一致").css("color","red");
return false;
}else{
$("#DivRepwd").html("<img src='images/register_write_ok.gif'/>");
}
//下面这段代码不完善,
// if($("#rpass").val()==""){
// $("#DivRepwd").text("验证密码不能为空").css("color","red");
// return false;
// }else if($("#pass").val()!=$("#rpass").val()){
// $("#DivRepwd").text().css("color","red");
// return false;
// }else{
// $("#DivPwd").html("<img src='images/register_write_ok.gif'/>");
// return;
// }
}
//电子邮箱
function checkemail(){
//字母数字下划线构成1位以上,@、字母数字下划线1位以上 .com/.cn构成
var emailtest= /^[a-z]{5,10}@[a-z]{2}\.com|\.cn$/i;//集中写法 /^\w+@\w+(\.)com(\.cn)?$/
if(!emailtest.test($("#email").val())){
$("#DivEmail").text("邮箱不合法").css("color","red");
return false;
}else{
$("#DivEmail").html("<img src='images/register_write_ok.gif'/>");
}
}