リダイレクトでJSスクリプトが動作しないelse

フィールドが空であるかどうかをチェックする単純なバリデータスクリプト/コードの下に、エラーメッセージをスローし、そうでない場合はリダイレクトするコードがあります。どういうわけか、これは初心者でもうまくいきません。妥当性検査は動作しますが、そうでない場合はリダイレクトします。リダイレクトでJSスクリプトが動作しないelse

<body> 
<div class="mail"> 
<h2>Input your Name and Submit</h2> 
<form name="form1" onsubmit="required()"> 
<ul> 
<li><input type='text' name ='text1'/></li> 
<li class="rq">*Required Field</li> 
<li><input type="submit" name="submit" value="Submit" /></li> 
</ul> 
</form> 
</div> 
<script src="non-empty.js"></script> 
</body>

Javascriptを：

function required() 
{ 
var empt = document.form1.text1.value; 
if (empt === "") 
{ 
alert("Please input a Value"); 
return false; 
} 
else 
{ 
window.location.href = '../continue.php'; 
return true; 
} 
}

チェックであれば、空の作品が、リダイレクト空ではないが動作しない場合。

出典

2016-10-11 james

：

<form name="form1" onsubmit="return required()" > <ul> <li><input type='text' name ='text1'/></li> <li class="rq">*Required Field</li> <li><input type="submit" name="submit" value="Submit" /></li> </ul> </form>

、その後の？ – jonathanGB

フォームを送信していて、場所を設定しています。どちらか一方を選んでください。ページを変更したい場合は、フォームのアクションを設定するだけです。 – epascarello

'window.location.href = '../ continue.php'; 'この行は問題ありません。 PHPページが実際に何かをしていることを確認してください。 Google、それは動作します。 –

あなたはいくつか問題があります。 1つはフォームの送信をキャンセルしようとしていますが、onsubmitハンドラにreturn文がありません。

<form name="form1" onsubmit="return required()">

次の問題は、自分自身に返信しようとしているフォームがあり、その場所を設定していることです。だから、あなたが勝つ競争条件を持つ2つの行動があります。だからあなたは1つを選ぶ必要があります。フォームを送信するか、場所を変更します。アクション属性を設定すると、フォームが場所を変更できるようになりました。

<form name="form1" onsubmit="return required()" action="NewPage.html">

とスクリプト：

function required() { 
    var empt = document.form1.text1.value; 
    if (empt === "") { 
     alert("Please input a Value"); 
     return false; 
    } 
    return true; 
}

か、他にはfalseを返し、あなたがしたように場所を設定します。

出典

2016-10-11 02:55:19 epascarello

ありがとう！それは素晴らしいです！ – james

-3

はdocument.location = "yourlocationhere" にあなたのリダイレクトコードをCHAGE

。

出典

2016-10-11 02:48:18

なぜ機能するのですか？前にあなたのコードを試しましたか？ –

あなたはこれを行うことができます：リダイレクトが動作しないときに何が起こるか

else 
{ 
    window.location.replace('../continue.php'); 
    return false; 
}

出典

2016-10-11 02:55:42

リダイレクトでJSスクリプトが動作しないelse

答えて

関連する問題