我在ExtJs中有这个表单.如果field1不为空,则field2不能为空.但即使听众正在解雇,它也无法正常工作.{xtype: 'panel',title: 'title 1',items: [{xtype: 'fieldset',title: 'field A',items: [{xtype: 'textfield',fieldLabel: 'Line 1',id: 'field1',listeners: {change: function(f, new_val) {if (new_val) {//alert("change" + new_val);f.field2.allowBlank = false;} else {f.field1.allowBlank = true;}}}code for field2}]}]...
表单验证可以通过 JavaScript 来完成 以下示例代码用于判断表单字段(Name)值是否存在,如果存在,则弹出信息,否则阻止表单提交: 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>表单验证</title>6 <script type="text/javascript">7 function myFunction(){8 9 var x=document.forms["Form"]["Name"].value; 10 if(x=null||x=="") 11 ...
Html部分 1 <!--2 注册表单3 1-用户名 text4 2-密码 password5 3-确认密码 password6 4-性别 radio7 5-爱好 hobby8 6-籍贯 select-option9 7-留言 textarea 10 8-提交 重置 submit reset 11 --> 12 <body> 13 <form action="" method="post" onsubmit="return formCheck()"> 14 <p> 15 <label for...
HTML结构: <style>input:focus {outline: 0;}.validateInput {border: 2px solid red;} </style><div><input type="text" validate rule="max: 8, min: 3"> </div> <div><input type="text" validate rule="max: 16, min: 5, isNumber"> </div>js部分: // 声明一个验证类,内部是需要用到的验证方法 class Validate {min(data, len) {return data.length >= len}max(data, len) {return data.length <= len}isNumber(data) {retu...
实现代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>注册页面</title><style>* {margin: 0px;padding: 0px;box-sizing: border-box;}body {background: url("img/register_bg.png") no-repeat center;padding-top: 25px;}.rg_layout {width: 900px;height: 500px;border: 8px solid #EEEEEE;background-color: white;/*让div水平居中*/margin: auto;}.rg_left {/*border: 1px solid red;*/float: le...