首頁(yè) 猿問(wèn) 我想實(shí)現(xiàn)用js驗(yàn)證表單，我那個(gè)地方...

我想實(shí)現(xiàn)用js驗(yàn)證表單，我那個(gè)地方寫(xiě)錯(cuò)了么？

JavaScript

木易老三 2017-06-19 16:39:15

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">?? ?<head>?? ?<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">?? ?<title>Document</title>?? ??? ?<style type="text/css">?? ??? ??? ?.td_left{?? ??? ??? ??? ?width:150px;?? ??? ??? ??? ?text-align:right;?? ??? ??? ?}?? ??? ?</style>?? ??? ?<script type="text/javascript">?? ??? ??? ?function saveform(form){?? ??? ??? ?var email=form.form_email.value;?? ??? ??? ?var password=form.form_password.value;?? ??? ??? ?var confirmpassword=form.form_checkpassword.value;?? ??? ??? ?if(email !="" && !checkemail(email)){?? ??? ??? ??? ?alert("郵箱格式錯(cuò)誤，請(qǐng)重新填寫(xiě)");?? ??? ??? ??? ?return false;?? ??? ??? ?}else if(email==""){?? ??? ??? ??? ??? ?alert("郵箱不能為空");?? ??? ??? ??? ??? ?return false;?? ??? ??? ??? ?}?? ??? ??? ?}?? ??? ??? ?var checkpasswordinfo=checkpassword(password,confirmpassword);?? ??? ??? ?if(checkpasswordinfo != "success"){?? ??? ??? ??? ?info.innerHTML=checkpasswordinfo;?? ??? ??? ??? ?return false;?? ??? ??? ?}?? ??? ??? ?function checkemail(email){?? ??? ??? ??? ?var regu="^([\.A-Za-z0-9_-])+@([A-Za-z0-9_-])+(\.[A-Za-z0-9_-])+";?? ??? ??? ??? ?var re=new RegExp(regu);?? ??? ??? ??? ?return re.test(email);?? ??? ??? ?}?? ??? ??? ?function checkpassword(password,confirmpassword){?? ??? ??? ??? ?var info="success";?? ??? ??? ??? ?if(password=="" || confirmpassword==""){?? ??? ??? ??? ??? ?alert("密碼/確認(rèn)密碼不能為空");?? ??? ??? ??? ?} else{?? ??? ??? ??? ??? ?if(password != confirmpassword){?? ??? ??? ??? ??? ?alert("密碼/確認(rèn)密碼請(qǐng)保持一致");?? ??? ??? ??? ??? ?}?? ??? ??? ??? ?}?? ??? ??? ?}?? ??? ?</script>?? ?</head>?? ?<body>?? ??? ?<div>?? ??? ?<form method="post">?? ??? ??? ?<table>?? ??? ??? ??? ?<tr>?? ??? ??? ??? ??? ?<td>郵箱：</td>?? ??? ??? ??? ??? ?<td><input type="email" name="form_email"/></td>?? ??? ??? ??? ?</tr>?? ??? ??? ??? ?<tr>?? ??? ??? ??? ??? ?<td>密碼：</td>?? ??? ??? ??? ??? ?<td><input type="password" name="form_password"/></td>?? ??? ??? ??? ?</tr>?? ??? ??? ??? ?<tr>?? ??? ??? ??? ??? ?<td>確認(rèn)密碼：</td>?? ??? ??? ??? ??? ?<td><input type="password" name="form_checkpassword"/></td>?? ??? ??? ??? ?</tr>?? ??? ??? ??? ?<tr>?? ??? ??? ??? ??? ?<td></td>?? ??? ??? ??? ??? ?<td><input type="button" onclick="saveform(this)" value="登錄"/></td>?? ??? ??? ??? ?</tr>?? ??? ??? ?</table>?? ??? ?</form>?? ?</div>?? ?</body></html>

查看完整描述

1 回答

李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

<tr>
????<td></td>
????<!--這里不能傳this??這里的this指向的是按鈕，不是form-->
????<td><input?type="button"?onclick="saveform()"?value="登錄"/></td>
</tr>

function?saveform(){
????????????//這里的form?需要通過(guò)id獲取??沒(méi)法傳進(jìn)來(lái)
????????????var?form?=?document.getElementById('form');
????????????var?email=form.form_email.value;
????????????var?password=form.form_password.value;
????????????var?confirmpassword=form.form_checkpassword.value;
????????????if(email?!=""?&&?!checkemail(email)){
????????????????alert("郵箱格式錯(cuò)誤，請(qǐng)重新填寫(xiě)");
????????????????return?false;
????????????}else?if(email==""){
????????????????alert("郵箱不能為空");
????????????????return?false;
????????????}
????????????/**
?????????????*?密碼驗(yàn)證這一塊是不是也應(yīng)該寫(xiě)在saveform里面
?????????????*/
????????????var?checkpasswordinfo=checkpassword(password,confirmpassword);
????????????if(checkpasswordinfo?!=?"success"){
????????????????//這個(gè)info?沒(méi)有定義
//????????????????info.innerHTML=checkpasswordinfo;
????????????????return?false;
????????????}
????????}

????????function?checkemail(email){
????????????var?regu="^([\.A-Za-z0-9_-])+@([A-Za-z0-9_-])+(\.[A-Za-z0-9_-])+";
????????????var?re=new?RegExp(regu);
????????????return?re.test(email);
????????}
????????function?checkpassword(password,confirmpassword){
????????????var?info="success";
????????????if(password==""?||?confirmpassword==""){
????????????????alert("密碼/確認(rèn)密碼不能為空");
????????????????//這里需要更新info
????????????????info?=?'error';
????????????}?else{
????????????????if(password?!=?confirmpassword){
????????????????????alert("密碼/確認(rèn)密碼請(qǐng)保持一致");
????????????????????//這里需要更新info
????????????????????info?=?'error';
????????????????}
????????????}
//????????????這里需要返回info
????????????return?info;
????????}

2 反對(duì) 回復(fù) 2017-06-19