如果任何字段有值,则表单验证。其他明智的提交空

时间:2015-12-06 10:30:06

标签: javascript jquery

我需要验证转换表单,问题是,如果任何字段由用户填写,如复选框或输入值,则对所有表单进行验证。其他明智的形式提交空。



<!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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

您可以按如下方式使用;

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

答案 1 :(得分:0)

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

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

否则你也可以使用简单的手动javascript,如果还有其他条件。只需在w3schools上找到javascipt表格验证。