如何在JQuery对话框中进行验证? [英] How to do validation in JQuery dialog box?
问题描述
我想在我的对话框中进行验证。
I want to put validation in my dialog box. One will be empty validation and second will be email validation.
if (emailAndPasswordCheck) {
$( "#dialog-modal" ).dialog({
height: 160,
closeOnEscape: false,
modal: true
});
}
推荐答案
好的,您的电子邮件验证空的验证码与PHP文件
一样也是从一些提到的版本链接下载jquery - jquery-1.9.1.js。创建一个abc,js abc.js
okay, your email validation nad empty validation code is as for PHP file Also download jquery from some link with mentioned version - jquery-1.9.1.js. Created one abc,js abc.js
<script type="text/javascript" src="JScript/jquery-1.9.1.js"> </script>
<script type="text/javascript" src="JScript/newempcontact.js"></script>
<span id="validate_msg"></span>
<label id="lbl_frstname">* First Name :</label>
<input class="hover" type="text" id="txt_firstname" minlength="1" maxlength="26" placeholder="First Name"/>
<span class="sfirstname"></span>
<label id="lbl_pemail">* Personal Email :</label>
<input class="hover" type="text" id="txt_pemail" placeholder="Personal Email"/>
<span class="spemail"></span>
您可以放置任何地方..
用任何名称创建一个更多的php文件abc.php
You can place is any where.. create one more php file with any name say abc.php
<?php
if(isset($_POST['email'])){
$email = $_POST['email'];
if(filter_var($email, FILTER_VALIDATE_EMAIL) == false){
echo "This is not valid email id!";
}else{
echo "This is valid email id!";
};
}
?>
您的abc.js文件为: -
And your abc.js file is as: -
$(document).ready(function() {
$('#slct_pstate, #slct_tstate' ).bind('change click scroll ',function(e) {
fill_cities();
});
$('#slct_tstate').bind('change click scroll ',function(e) {
fill_cities();
});
email_validation()
//将form_nempcontact替换为您的表单名称 -
//replace form_nempcontact with your form name--
$('#submit').click(function() {
submit_fxn();
$('#form_nempcontact').submit(function(e) {
return false;
});
});
});
function email_validation(){
$('#txt_pemail').focusin(function(e) {
if($('#txt_pemail').val() == ''){
$('span.spemail').text('Go for valid email address').addClass('validatectrl');;
}
else{
emailvalidattion($('#txt_pemail').val());
}
}).blur(function(e) {
$('span.spemail').html('');
}).keyup(function(e) {
emailvalidattion($('#txt_pemail').val());
});
};//****
function emailvalidattion(email){
$.post('PHP/check.php', {email:email}, function(result){
$('span.spemail').text(result).addClass('validatectrl');
});
};//**
function submit_fxn(){
var check_flag = 0;
var fname = $('#txt_firstname');
var fname_val = fname.val();
var fname_dftlngth = fname.attr('minlength');
var fname_usrdftlngth = fname_val.length;
if(fname_usrdftlngth == 0 || fname_usrdftlngth < fname_dftlngth){
$(fname).css({
"background-color":"#FF0000",
"border":"soild 2px yellow"
});
check_flag = 1;
}else{
$(fname).css({
"background-color":"#FFFFFF"
});
}
if(check_flag == 1){
$("#form_nempcontact").submit(function() {
$("#validate_msg").text('');
});
}
if(check_flag == 0){
//---Write your code here
}
};
//您的CSS代码为 -
//your CSS code as -
p.validate_msg {
border: 1px solid #FF0000;
font-weight: bold;
padding: 10px;
display:none;
margin-bottom:25px;
color:#FFFF00;
}
span.validatectrl, p.validatectrl {
color:#FFFF00;
font-family:"Times New Roman", Times, serif;
font-size:14px;
padding-left:8px;
}
span.validatectrlgreen {
color:#090;
padding-left:8px;
font-style:italic;
}
如果此答案正确,请将其标记为答案
If this answer is correct, please mark it as an answer
这篇关于如何在JQuery对话框中进行验证?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!