Jqueryフォームのサブミットとテキストボックスの検証

Question

私はフォームを持っています。

フォームには、テキストボックスと送信ボタンがあります。それだけです。

ページを移動させる前に、テキストボックスが空白/空白でないことをボタンが検証するようにします。ページを投稿する前に

1）ボタンをクリックすると、テキストボックスが空白の場合、テキストボックスの背景色を変更します。&ページをサーバーに戻しません。

2）ボタンをクリックすると、テキストボックスが空でない場合、ページをサーバーにポストバックします。

ありがとうございました。このような

Answer 1

何かあなたが始める必要があります。

$('form').submit(function(){ 
 
    $('#id1').removeClass('errorField'); 
 
    var in1 = $('#in1').val(); 
 
    if (in1==""){ 
 
    $('#id1').addClass('errorField').focus(); 
 
    return false; 
 
    } 
 
    
 
});

.errorField{background:yellow;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<form action="another_php_file.php" method="post"> 
 
    <input id="in1" name="in1" type="text" /> 
 
    <button id="btnSubmit">Submit</button> 
 
</form>

---

をあなたはすでにこれを知っているかもしれませんが、JIC：フォームがバックに掲載されますの内容によって異なりますフォームタグのaction=属性。

<form action="sumother_php_file.php" method="post"> 

PHPファイルにフォームを送信するには、sumother_php_file.php

<form action="" method="post"> 

と呼ば自体にフォームをポストします（あなたはisset変数$_POST['in1']かどうかの質問を管理するために<?php //tags ?>間のPHPコードを追加しますない）