html5 – 如何验证表单提交中的模式

前端之家收集整理的这篇文章主要介绍了html5 – 如何验证表单提交中的模式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在给出edittext字段中的输入时,如果有人将IP地址的IP地址格式放入应该像这些000.000.0.000 plz帮助我那么显示错误

HTML5中: –

<div data-role="content">
     <form id="form">
         <div data-role="fieldcontain">
                    <label for="ip">IP Address/System Name</label>
                    <input name="ip" id="ip" type="text" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$">                       
         </div>
         <div style="text-align:center;">                   
                    <div data-role="button" data-theme="b" data-inline="true" id="button1">Update</div>
         </div> 
</div>

解决方法

要使HTML5验证能够处理提交,您必须在输入字段中输入必需的属性,要使用HTML5进行验证,并且必须提交表单.

您可以处理通过javascript提交的表单数据,如果您想要手动处理提交的数据,那么您必须在表单标签中指定data-ajax =“false”

对于您的代码,请尝试此操作

<div data-role="content">
 <form id="form" data-ajax="false">
     <div data-role="fieldcontain">
                <label for="ip">IP Address/System Name</label>
                <input name="ip" id="ip" type="text" required pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$">                       
     </div>
     <div style="text-align:center;">                   
                <input type="submit" value="Submit button" />
     </div> 
 </form>
</div>

在javascript中你可以做类似的事情

$("#form").submit(function(e){
    e.preventDefault();
    //call your method

});
原文链接:https://www.f2er.com/html5/168502.html

猜你在找的HTML5相关文章