Question

大家好，我正在尝试以申请表格进行一些验证。

我有3个文本框用于不同的手机号码，如家庭，工作，移动这样的..我需要1个字段必须为3.用户必须输入至少1个数字3.

有没有办法做到这一点？

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

我希望这能帮助你找到你想要的东西。如果您在提交调用验证（）函数上的html表单：

<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 3

请勿将输入值与“”或“”进行比较。用户只需键入空格即可。而是检查或修剪空格并检查它是否是有效数字。

<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>

从表单onsubmit中调用validation（）。

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

JavaScript Number Validation

JavaScript Check For White Space

希望这有帮助

Answer 4

jQuery，如果你想要它

DEMO

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;
    });
});

申请表格验证

4 个答案: