我正在制作一张表格.在一个input
标签上是一个OnClick
事件处理程序,它打开一个弹出窗口,您可以在其中选择一些内容,然后自动填充input
标记.
该输入标签也是readonly
,因此只输入正确的数据.
这是input
标签的代码:
<input type="text" name="formAfterRederict" id="formAfterRederict" size="50" required readonly="readonly" OnClick="choose_le_page();" />
Run Code Online (Sandbox Code Playgroud)
但该required
属性在Chrome中无效.但这个领域是必需的.
有谁知道我怎么能让它发挥作用?
HTML5中的必需属性非常方便:
<input type="text" required>
Run Code Online (Sandbox Code Playgroud)
但它仍然允许用户只输入空白区域.是否只有HTML解决方案?
我有这个问题,fieldLabel
当一个字段标记为"必需"(或allowBlank: false
)时,我需要在旁边添加一个红色星号
在ExtJS3中,我们可以通过覆盖轻松实现此攻击Ext.layout.FormLayout
,如下所示:
Ext.override(Ext.layout.FormLayout, {
getTemplateArgs: function(field) {
var noLabelSep = !field.fieldLabel || field.hideLabel;
var labelSep = (typeof field.labelSeparator == 'undefined' ? this.labelSeparator : field.labelSeparator);
if (!field.allowBlank) labelSep += '<span style="color: rgb(255, 0, 0); padding-left: 2px;">*</span>';
return {
id: field.id,
label: field.fieldLabel,
labelStyle: field.labelStyle||this.labelStyle||'',
elementStyle: this.elementStyle||'',
labelSeparator: noLabelSep ? '' : labelSep,
itemCls: (field.itemCls||this.container.itemCls||'') + (field.hideLabel ? ' x-hide-label' : ''),
clearCls: field.clearCls || 'x-form-clear-left'
};
}
});
Run Code Online (Sandbox Code Playgroud)
但这在ExtJS4中是不可能的.FormLayout
不再适用,标签实际上是Ext.form.field.Base
通过使用调用的mixins来呈现的Ext.form.Labelable …
当我required="true"
进入时<h:inputText>
,它仍然允许空格.我一直在尝试修改jsf-api.jar
但我无法理解如何生成新的JAR,所以我尝试isEmpty()
从UIInput
类中修改方法并编译它,打开jsf-api.jar
并用新的替换它,但它不起作用.
trim()
当用户在a中写入<h:inputText>
不允许空格时,我需要做的是.我怎样才能做到这一点?
如果你想下载jsf-api.jar
资源,你可以这样做,只需阅读如何:http://javaserverfaces.java.net/checkout.html.
我正在使用Slim模板语言布局表单,并希望将该required
属性添加到我的输入中.
input#first_name(required name="first_name" type="text" pattern="^[A-Z][a-z]+$")
Run Code Online (Sandbox Code Playgroud)
但是,由此生成的HTML最终会成为
<input id="first_name" name="first_name" pattern="^[A-Z][a-z]+$" required="" type="text" />
Run Code Online (Sandbox Code Playgroud)
这不是我需要的.
我已经浏览了文档但是看不到Slim的任何方法来添加独立的html5属性.
同样,将data-abide
属性添加到form
标记(根据Zurb Foundation框架的要求)失败.
form.custom(data-abide method="POST" action="/registration")
Run Code Online (Sandbox Code Playgroud)
导致
<form action="/registration" class="custom" data-abide="" method="POST">
Run Code Online (Sandbox Code Playgroud)
Zurb脚本忽略了哪些.
我错过了什么?
我正在尝试从index.xhtml重定向到registerFirstTime.xhtml.
index.xhtml页面中的代码是:
<h:form id="content" style="margin-top: 1em;">
<p:panel id="panel" header="LOGIN">
<p:messages id="msgs" globalOnly="true"/>
<h:panelGrid columns="3">
<h:outputLabel value="e-mail" />
<p:inputText id="name" required="true" value="#{UserBean.email}"
requiredMessage="Required: e-mail" display="icon">
</p:inputText>
<p:message id="msgName" for="name"/>
<h:outputLabel value="Password" />
<p:password id="password" required="true" value="#{UserBean.password}"
requiredMessage="Required: Password" display="icon" feedback="false">
</p:password>
<p:message id="msgPassword" for="password"/>
</h:panelGrid>
<h:panelGrid columns="2">
<p:commandButton value="Login" actionListener="#{UserBean.validate}" update="msgNombre, msgPassword, msgs"/>
<h:commandButton value="Register for the first time" action="register"/>
</h:panelGrid>
</p:panel>
</h:form>
Run Code Online (Sandbox Code Playgroud)
而faces-config.xml中的重定向内容是:
<navigation-rule>
<from-view-id>index.xhtml</from-view-id>
<navigation-case>
<from-outcome>register</from-outcome>
<to-view-id>registerFirstTime.xhtml</to-view-id>
</navigation-case>
</navigation-rule>
Run Code Online (Sandbox Code Playgroud)
在填写输入名称和密码之前,您无法进行重定向.如何在不考虑必填字段的情况下进行记录重定向?谢谢!=)
我有一个跟随的模型类
public bool Saturday{ get; set; }
public bool Sunday{ get; set; }
public string Holiday{ get; set; }
Run Code Online (Sandbox Code Playgroud)
我想使用星期六和星期日字段在Holiday字段中使用RequiredIf条件.我可以使用如下
[RequiredIf("Sunday,Saturday",false)]
public string Holiday{ get; set; }
Run Code Online (Sandbox Code Playgroud)
所以我不知道如何在我的模型类中使用RequiredIf条件,所以请有人帮助我
我正在使用commander.js包来解析命令行参数:我想使一个标志非可选,API和git repo中的测试松散地提到需要一个标志,但我通常需要被击中头部有说明.
它实际上是否可能,如果不满足要求,脚本会抛出吗?
required-field command-line-arguments node.js node-commander
这是我的HTML代码
<form id="form1" runat="server">
<input id="q" required />
<input id="btn" type="submit" value="Search">
</form>
Run Code Online (Sandbox Code Playgroud)
我已经使用了html5必需的字段验证器,它可以工作,但有回发帖.所以修改代码如下,以避免回发
<form id="form1" runat="server">
<input id="q" required />
<input id="btn" type="button" value="Search">
</form>
Run Code Online (Sandbox Code Playgroud)
但是所需的验证器不起作用
好的,所以将preventDefault放在我的提交按钮上可以阻止表单提交.这样做的结果是它不会告诉用户必需的字段,只是在按钮上执行click事件.
将preventDefault添加到提交处理程序会向用户显示必需的字段,但仍会触发与该按钮关联的单击事件.
我需要两个.
<form action="" method="post">
<input type="text" class="class" id="id" name="name" required="required" />
</form>
Run Code Online (Sandbox Code Playgroud)
现在js:
$("button").click(function(event){
event.preventDefault();
//performs function
});
Run Code Online (Sandbox Code Playgroud)
无论所需的表单输入如何,这都将触发click事件.
$("form").submit(function(event){
event.preventDefault();
});
$("button").click(function(){
//performs function
});
Run Code Online (Sandbox Code Playgroud)
这将向用户显示所需的消息,但仍然执行提交按钮功能.我怎么做两个?我已经查看了其他一些我可以在此找到的SO问题,但似乎最多可以通过将preventDefault添加到form.submit来解决.
required-field ×10
html5 ×4
forms ×3
jsf ×2
validation ×2
c# ×1
extjs ×1
extjs4 ×1
html ×1
javascript ×1
jquery ×1
jsf-2 ×1
model ×1
node.js ×1
primefaces ×1
readonly ×1
redirect ×1
required ×1
slim-lang ×1
whitespace ×1