JS验证 快捷方式
// 访客留言
$(document).ready(function() {
// 切换验证码图片
$("#ImageId").attr('src',getRootPath()+"/changeCheckCodeImg.do?timestamp="+new Date().valueOf());
});
/**
* 切换验证码图片
*/
function changeImg(){
$("#ImageId").attr('src',getRootPath()+"/changeCheckCodeImg.do?timestamp="+new Date().valueOf());
}
function saveMsgBy(){
// 验证码
if($("#msgCheckCode").val().length != 4){
alert("输入的验证码长度不符！");
return;
}
// 邮箱验证
if (validate_email(contactMail,"请输入正确的E-mail!")==false){
contactMail.focus();
return false;
}
// 电话
if(validate_contactTel(contactTel,"请输入正确的联系电话!")==false){
contactTel.focus();
return false;
}
// 姓名
if(validate_contactPerson(contactPerson,"请输入联系人姓名!")==false){
contactPerson.focus();
return false;
}
// 主题
//
$.ajax({
url : getRootPath()+"/shop/saveGuestBookMsg.do",
data : {
msgTitle : $("#msgTitle").val(),
msgCode : $("#msgCode").val(),
contactPerson : $("#contactPerson").val(),
contactTel : $("#contactTel").val(),
contactMail : $("#contactMail").val(),
msgCheckCode : $("#msgCheckCode").val()
},
type : "post",
dataType : "json",
success : function(result) {
if(result.reflag){
window.location.reload(false);
}else{
alert(result.infoMsg);
}
}
});
}
// email验证
function validate_email(field,alerttxt){
with (field) {
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2) {
alert(alerttxt);
return false;
} else {
return true;
}
}
}
// 验证电话号码
function validate_contactTel(field,alerttxt){
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
var tel = /^\d{3,4}-?\d{7,9}$/;
var tels = /^\d{3,4}-?\d{7,9}-?\d{2,8}$/;
with (field) {
if(tels.test(value)||tel.test(value) || mobile.test(value)){
return true;
}else{
alert(alerttxt);
return false;
}
}
}
// 验证姓名
function validate_contactPerson(field,alerttxt){
var isChinease= /^[\u0391-\uFFE5]+$/;
with(field){
if(isChinease.test(value)){
return true;
}else{
alert(alerttxt);
return false;
}
}
}
******************************************************JS**************************************************************
下面为：页面内容
<tr>
<th>联系姓名：</th>
<td>
<div><input type="text" class="txt" id="contactPerson" name="contactPerson" placeholder="请填写你的姓名"/></div>
</td>
</tr>
<tr>
<th>联系电话：</th>
<td>
<div><input type="text" class="txt" id="contactTel" name="contactTel" placeholder="请填写联系电话" /></div>
</td>
</tr>
<tr>
<th>E-mail：</th>
<td>
<div><input type="text" class="txt" id="contactMail" name="contactMail" placeholder="请填写邮箱" /></div>
</td>
</tr>