1

「名前」入力フィールドが空の場合、現在のページにとどまりたいです。現在、エラー メッセージが表示され、[OK] をクリックすると、次のページ (contactcaptcha.php) に移動します。

function notEmpty(elem, helperMsg){
 if(elem.value.length == 0){
    alert(helperMsg);
    elem.focus();
    return false;

 }
 return true;
}




<form id="action" action="contactcaptcha.php" method="post">
    <fieldset>

      <textarea id="message" name="Message" placeholder="What's on your mind?"></textarea>

      <input id="Name" name="Name"  placeholder="Enter your full name" type="text">

      <input id="Email" name="Email" placeholder="Enter your email address" type="email">

      <input type="submit" onclick="notEmpty(document.getElementById('Name'), 'Please enter your name')" name="submit" value="Send your message">

    </fieldset>

4

3 に答える 3

1

キーワードがありませんreturn：

<input type="submit" 
onclick="return notEmpty(document.getElementById('Name'), 'Please enter your name')"   
name="submit" value="Send your message">
于 2012-06-22T08:36:46.027 に答える
1

そのようにして、要素submitのイベントで関数を返しますform

<form id="action" action="contactcaptcha.php" method="post" 
 onsubmit="return notEmpty(document.getElementById('Name'), 'Please enter your name')">
    <fieldset>
     ...
     <input type="submit"  name="submit" value="Send your message">    
    </fieldset>
</form>
于 2012-06-22T08:35:08.830 に答える
1

いずれにせよ HTML5 を使用するので、required 属性を使用することをお勧めします: http://www.w3schools.com/html5/att_input_required.asp

<form>
  <input id="message" required>
  <input type="submit" value="Submit">
</form>
于 2012-06-22T08:45:54.760 に答える