0

フォームを送信するときにJavaScriptで入力フィールドが空かどうかを確認するにはどうすればよいですか？

html：

<input type="text" name="start_name" id="start_name">
4

6 に答える 6

1

http://www.w3schools.com/js/js_form_validation.aspを参照してください。

フォームタグを

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">

次に、JavaScript関数を用意します

<script>
function validateForm()
{
var x=document.forms["myForm"]["start_name"].value;
if (x==null || x=="")
  {
  alert("Start name must be filled out");
  return false;
  }
}
</script>
于 2013-02-27T03:49:46.633 に答える
0 
var start_name = document.getElementById('start_name');
if( start_name.value.length > 0 ){
// Then there is something there.
}
于 2013-02-27T03:47:07.740 に答える
0

試す。

<script type="text/javascript">
    function checkme()
    {
        var inputVal = document.getElementById("start_name").value;
        if(inputVal == "")
        {
            //code
        }
    }
</script>

<form action="" method="post" onSubmit = "checkme();">
    <input type="text" name="start_name" id="start_name">
</form>
于 2013-02-27T03:49:16.873 に答える
0

「if (x==null || x=="")」をチェックするだけでは、空のテキスト ボックスを検証するのに十分ではありません。正規表現に移動して、空のテキスト ボックスをチェックします。

/^\s*[0-9a-zA-Z][0-9a-zA-Z ]*$/

少なくとも 1 文字が空白ではなく、許可されている文字の 1 つであることを確認します。

/[a-z]/iこの正規表現は、少なくとも 1 つのアルファベット文字がある場合にのみ一致するため、使用してください。

于 2013-02-27T06:17:52.440 に答える
-1 
<form action="someActionUrl" onsubmit="return validate('first_name')">
<input id="first_name" name="first_name" />
</form>

<script>
    function validate(inputId){
        var val = document.getElementById(inputId).value;

        if(val.length>0){
          // do something
           return true;
        }
        return false;
    }
</script>
于 2013-02-27T03:47:34.400 に答える
-1

これを試してください: var x = document.getElementById("start_name"); if(x.value== "") { //制限コードがここに来ます } else { //どうぞ！}

注: 構文が適切かどうかを確認してください。私はここに直接コードを書いていますが、IDE で確認していません。

于 2013-02-27T03:48:45.657 に答える