Question

jquery实现javascript中的表单提交（急！）

我想用jquery来实现跟这个javascript相同的功能的代码，应该怎么写？谢谢
就是提交这个表，显示下面功能。有alert
JS代码为：
var AlphaExp = /^[A-Za-z]+$/;
var NumericExpression = /^[0-9]+$/;
function checkForm()
{var valid = true;
if(document.getElementById("sfirstname").value == "")
{alert("请输入您的姓!");
document.getElementById("sfirstname").focus();
return false;
}else{
if(!document.getElementById("slastname").value.match(AlphaExp))
{ alert("请输入有效的姓");
document.getElementById("slastname").focus();
return false; }}
if(document.getElementById("slastname").value == "")
{alert("请输入您的名!");
document.getElementById("slastname").focus();
return false;
}else{
if(!document.getElementById("slastname").value.match(AlphaExp))
{ alert("请输入有效的名");
document.getElementById("address").focus();
return false; }}
if(document.getElementById("address").value == "")
{alert("请输入您的地址!");
document.getElementById("address").focus();
return false;
}else{
if(document.getElementByIdaddress").value.match(AlphaExp))
{ alert("请输入有效的地址");
document.getElementById("address").focus();
return false; }}
if(document.getElementById("studentid").value == "")
{
alert("请输入学生号“）
document.getElementById("studentid").focus();
return false;
}else{
if(document.getElementById("studentid").value.match(NumericExpression))
{ return true
}else{
alert("请输入有效的学生号");
document.getElementById("studentid").focus();
return false;} }
return true;}

Answer 1

var AlphaExp = /^[A-Za-z]+$/;
var NumericExpression = /^[0-9]+$/;
function checkForm()
{var valid = true;
if($("#sfirstname").val()== "")  
{alert("请输入您的姓!");  
$("#sfirstname").focus();  
return false;
}else{  
if(!$("#slastname").val().match(AlphaExp))  
{  alert("请输入有效的姓");   
$("#slastname").focus();   
return false;  }}   
if($("#slastname").val() == "")  
{alert("请输入您的名!");  
$("#slastname").focus();  
return false;
}else{  
if(!$("#slastname").val().match(AlphaExp))  
{  alert("请输入有效的名");   
$("#address").focus();   
return false;  }}    
if($("#address").val()== "")  
{alert("请输入您的地址!");  
$("#address").focus();  
return false;
}else{  
if($("#address").val().match(AlphaExp))  
{  alert("请输入有效的地址");   
$("#address").focus();   
return false;  }}     
if($("#studentid").val()== "") 
{  
alert("请输入学生号“） 
$("#studentid").focus();  
return false;  
}else{ 
if($("#studentid").val().match(NumericExpression))   
{   return true 
}else{  
alert("请输入有效的学生号");   
$("#studentid").focus();  
return false;}   } 
return true;}

Answer 2

form是你form表单的name属性值
$("form").submit( function ()
{var valid = true;
if(document.getElementById("sfirstname").value == "")
{alert("请输入您的姓!");
document.getElementById("sfirstname").focus();
return false;
}else{
if(!document.getElementById("slastname").value.match(AlphaExp))
{ alert("请输入有效的姓");
document.getElementById("slastname").focus();
return false; }}
if(document.getElementById("slastname").value == "")
{alert("请输入您的名!");
document.getElementById("slastname").focus();
return false;
}else{
if(!document.getElementById("slastname").value.match(AlphaExp))
{ alert("请输入有效的名");
document.getElementById("address").focus();
return false; }}
if(document.getElementById("address").value == "")
{alert("请输入您的地址!");
document.getElementById("address").focus();
return false;
}else{
if(document.getElementByIdaddress").value.match(AlphaExp))
{ alert("请输入有效的地址");
document.getElementById("address").focus();
return false; }}
if(document.getElementById("studentid").value == "")
{
alert("请输入学生号“）
document.getElementById("studentid").focus();
return false;
}else{
if(document.getElementById("studentid").value.match(NumericExpression))
{ return true
}else{
alert("请输入有效的学生号");
document.getElementById("studentid").focus();
return false;} }
return true;});

Answer 3

把所有的document.getElementById换成$("#ID名")这样的形式