【问题标题】:Form validate if any field has value. other wise submit empty表单验证是否有任何字段具有值。其他明智的提交空
【发布时间】:2015-12-06 19:09:17
【问题描述】:

我需要验证一个班次表单,问题是,如果任何字段由用户填写,如复选框或输入值,则验证整个表单。其他明智的形式提交空。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<form>
<input type="text" name="fname"> <br><br>
<input type="text" name="lname"> <br><br>
working days:
<p>
  <label>
    <input type="checkbox" name="workingdaysq" value="checkbox" id="workingdaysq_0">
    Sunday</label>
  <br>
  <label>
    <input type="checkbox" name="workingdaysq" value="checkbox" id="workingdaysq_1">
    monday</label>
  <br>
</p>

<input type="submit">
</form>

</body>
</html>

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    可以如下使用;

    var valid = false;
    $(document).ready(function(){
    $('form').data('serialize',$('form').serialize());
    $('form').on('submit', function(e){
     if($('form').serialize()!=$('form').data('serialize')){
       alert("User changed");
       valid = false;
       //use user validation code here
     }
     else
       {
         alert("Not changed");
         valid = true;
           }
    
    if(!valid) {
      e.preventDefault();
     }
    });
    });
    

    Demo

    【讨论】:

    • 非常感谢。这就是我一直在寻找的。​​span>
    • 再次感谢您,您节省了我的时间和代码行 :-)
    【解决方案2】:

    这取决于您的平台,您想用来验证表单。 如果你想使用非常专业的 jquery 内置的表单验证器,你可以使用这个链接http://www.formvalidator.net/

    这个例子适合你。如果你想使用 jquery。 http://code.runnable.com/UZJ24Io3XEw2AABU/how-to-validate-forms-in-jquery-for-validation

    否则,您也可以使用简单的手动 javascript if else 条件。只需在 w3schools 上查找 javascipt 表单验证即可。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-06-11
      • 1970-01-01
      • 2014-09-17
      • 2016-05-18
      • 2011-11-04
      • 1970-01-01
      • 1970-01-01
      • 2015-09-27
      相关资源
      最近更新 更多