Heim > Web-Frontend > js-Tutorial > js-Methode zum Implementieren der Formularserialisierung zur Bestimmung des Nullwerts

js-Methode zum Implementieren der Formularserialisierung zur Bestimmung des Nullwerts

小云云
Freigeben: 2018-02-03 13:15:41
Original
1460 Leute haben es durchsucht

Als ich Javaweb lernte, machte ich die Übung, die Formularinformationen auf der Seite zur Datenbank hinzuzufügen. Beim Absenden eines Formulars müssen Sie sicherstellen, dass nicht jedes Eingabefeld, jedes Optionsfeld, jedes Kontrollkästchen usw. leer ist. Zu Beginn erhalten Sie die Werte der Steuerelemente einzeln, um festzustellen, ob sie später leer sind , Sie haben etwas über die Formularserialisierung gelernt. Verwenden Sie einfach die Serialisierung, um den Nullwert zu bestimmen.

//Formularformularseite


<form id="basicInfo" action="EmployeeServlet?flag=addEmployeeInfo" method="post">
  <p class="formbody">
    <p class="formtitle"><span>基本信息</span></p>
    <ul class="forminfo">
      <li>
        <label>员工账号</label>
        <input id="account" name="account" type="text" class="dfinput" readOnly="true" />
        <i>设置员工姓名和入职时间后,系统自动生成,无法更改</i>
      </li>
      <li>
        <label>员工姓名</label>
        <input name="name" type="text" class="dfinput" id="name" />
        <i>姓名不能为数字</i>
      </li>
      <li>
        <label>密码</label>
        <input name="password" type="password" class="dfinput" id="pwd" placeholder="空值或空白则默认密码为123456" />
        <i></i>
      </li>
      <li>
        <label>性别</label>
        <cite>
          <input name="gender" type="radio" value="男" checked="checked" />男    
          <input name="gender" type="radio" value="女" />女
        </cite>
      </li>
      <li>
        <label>生日</label>
        <input id="birth" name="birthday" type="text" class="dfinput" placeholder="格式:yyyy-mm-dd"/>
        <i id = "birthTip"></i>
      </li>
      <li>
        <label>手机号码</label>
        <input id="phone" name="telephone" type="text" class="dfinput" />
        <i id = "phoneTip"></i>
      </li>
      <li>
        <label>邮箱</label>
        <input id="email" name="email" type="text" class="dfinput" />
        <i id = "emailTip"></i>
      </li>
      <li>
        <label>地址</label>
        <input name="address" type="text" class="dfinput" />
        <i id = "addressTip"></i>
      </li>
      <li>
        <label>所属部门</label>
        <select id="dept" class="dfinput" name="dept">
          
        </select>
      </li>
      <li>
        <label>入职时间</label>
        <input id="entrytime" name="entrytime" type="text" class="dfinput" placeholder="格式:yyyy-mm-dd" />
        <i id = "timeTip"></i>
      </li>
      <li>
        <label>员工状态</label>
        <select id="empstate" class="dfinput" name="empstate">
        </select>
      </li>
      <li>
        <label>直属上级</label>
        <input id="superior" name="superior" type="text" class="dfinput" placeholder="直属上级员工id" />
        <i id = "superTip"></i>
      </li>
      <li>
        <label>职务</label>
        <select id="dutyid" class="dfinput" name="dutyid">
        </select>
      </li>
      <li>
        <label>角色权限</label>
        <select id="authority" class="dfinput" name="authority">
        </select>
      </li>
      <li>
        <label> </label>
        <input id="savebtn" type="submit" class="btn" value="确认保存"/>
      </li>
    </ul>
  </p>
</form>
Nach dem Login kopieren

Schreiben Sie eine Einreichung in der externen Link-JS-Datei Ereignisse werden ausgelöst, wenn


$(&#39;form&#39;).submit(function(){
//当密码为空的时候自动赋值
  var pwd = $(&#39;#pwd&#39;).val();
  if(pwd==null || pwd == &#39;&#39;){
    $(&#39;#pwd&#39;).val(&#39;123456&#39;);
  }
  var data = $(&#39;form&#39;).serialize();
//表单序列化后返回一个字符串 如:account=123&password=1234&sex=&dept=2
  var array = data.split(&#39;&&#39;);
//把字符串按&号分隔成数组 得到 {account=123,password=1234,sex=,dept=2} 字符串数组
  for(var i = 0;i < array.length; i++){
    var kwarr = array[i].split(&#39;=&#39;);
//循环将数组中的每个子元素字符串用=号分隔成数组 {account,123} {sex,} 然后判断索引为1的子元素是否存在或为‘&#39; 从而达到了表单判空的目的
    if(kwarr[1]===null || kwarr[1] ===&#39;&#39;){
      alert(&#39;除密码外不能存在空值&#39;);
      return false;
    }
  }
});
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt des vom Editor bereitgestellten Beispiels für die JS-Formularserialisierung. Ich hoffe, es gefällt Ihnen ~

Verwandte Empfehlungen:

Über PHP-Datenserialisierungstests

Detaillierte Erläuterung der PHP-Serialisierungs- und Deserialisierungsprinzipien

jQuery-Formularserialisierungsbeispiel, Code-Beispielfreigabe

Das obige ist der detaillierte Inhalt vonjs-Methode zum Implementieren der Formularserialisierung zur Bestimmung des Nullwerts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage