javascript - 申請書の検証

Question

こんにちはみんな私はアプリケーションフォームでいくつかの検証をしようとしています。

自宅、職場、このような携帯電話など、さまざまな携帯電話番号用の3つのテキストボックスがあります。3の必須フィールドが1つ必要です。ユーザーは3の番号を少なくとも1つ入力する必要があります。

これを行う方法はありますか？

Answer 1

以下のようなコードを試すことができます

 <script type="text/javascript">
       function checkValidation(){
            var mobile = document.getElementById('mobile').value;
            var gome = document.getElementById('home').value;
            var work = document.getElementById('work').value;
            var error_count = 0;

            if(mobile == ''){
                error_count = error_count + 1;   
            } 
            if(home == ''){
                error_count = error_count + 1;   
            } 
            if(work == ''){
                error_count = error_count + 1;   
            } 

            if(error_count == 3){
                 alert("Please add at least one from mobile ,work,home contact no.! ");
                 return false;
             }else{
                   return true; 
             }
       }
 </script>

このようなものを試すことができます。

ありがとう

Answer 2

入力値を "" または '' と比較しないでください。ユーザーは単純に空白を入力できます。代わりに、空白をチェックまたは削除して、それが有効な数値であることを確認してください。

<script type="text/javascript">

//Check for all whitespace.
function hasWhiteSpace(s){
    return /^\s+$/g.test(s);
}

//Check for valid number
function isNumber(n) {
      return !isNaN(parseFloat(n)) && isFinite(n);
}

function validation(){
    var mobile = document.getElementById('mobile').value;
    var home = document.getElementById('home').value;
    var work = document.getElementById('work').value;

    var error = 0;

    if(!(!hasWhiteSpace(mobile) && isNumber(mobile))){
        error += 1;   
    } 
    if(!(!hasWhiteSpace(home) && isNumber(home))){
        error += 1;      
    } 
    if(!(!hasWhiteSpace(work) && isNumber(work))){
        error += 1;   
    } 

    if(error == 3){
        alert("You must enter at least one contact number.");
        return false;
    }else{
        return true; 
    }
}
</script>

フォームの送信時に validation() を呼び出します。

<form onsubmit="return validation();">

JavaScript 数値検証

JavaScript の空白のチェック

お役に立てれば

Answer 3

これがあなたが探しているものに役立つことを願っています。送信時にhtmlフォームでvalidation()関数を呼び出す場合:

<script type="text/javascript">
function validation() {
  var a = document.form.phone.value;
  var b = document.form.mobile.value;
  var c = document.form.home.value;
  if(a=="" && b =="" && c =="") {
    alert("Please Enter at least one Number");
    //add other validation if you need here
    document.form.phone.focus(); // focus the first field for example
    return false;
  }
}
</script>

Answer 4

必要に応じてjQuery

デモ

HTML：

<form id="form1">
  Home <input type="phone" class="phones"><br/>
  Work <input type="phone" class="phones"><br/>
  Mobile <input type="phone" class="phones"><br/>
  <input type="submit">
</form>
​

JS：

$(function(){
    $("#form1").on("submit",function() {
        var notempty = $(".phones[value!='']"); // you can extend this test
        if (notempty.length<1) {
            alert('Please fill at least one number');
            $(".phones:first").focus();
            return false;
        }
        return true;
    });
}); ​